總結了一些HTML、CSS的一些簡單特性，純屬我的筆記，非文章

總結了一些HTML、CSS的一些簡單特性，純屬我的筆記，非文章

前言

我的總結了一些容易忘記的HTML、CSS特性，以備查漏補缺，讀者朋友們有興趣的能夠看看，也當查漏補缺，但我已在標題中聲明，此篇純屬我的筆記，非文章！

HTML

target屬性

target = "_self"   (默認在當前頁面打開連接)
target = "_blank"   (在新的瀏覽器窗口打開連接)
複製代碼

lable

在html中，lable標籤一般和input標籤一塊兒使用，label標籤爲input元素定義標註（標記）。使用該標籤後，你點擊單選按鈕或複選按鈕的文本也是能夠選中的。

CSS

CSS的三種引入方式

• 內聯式(行內式)

• 嵌入式
• 外部式

CSS的選擇器

標籤選擇器

id選擇器

class選擇器

類選擇器能夠同時攜帶多個類

• 後代選擇器

• 子代選擇器

• 組合選擇器

• 交集選擇器

• 僞類選擇器

CSS選擇器權重

選擇器類型：

1. ID  #id
2. class  .class
3. 標籤  p
4. 通用  *
5. 屬性  [type="text"]
6. 僞類  ：hover
7. 僞元素  ::first-line
8. 子選擇器、相鄰選擇器

權重計算規則：

1. 第一等：表明內聯樣式，如: style=」」，權值爲1000。
2. 第二等：表明ID選擇器，如：#content，權值爲0100。
3. 第三等：表明類，僞類和屬性選擇器，如.content，權值爲0010。
4. 第四等：表明類型選擇器和僞元素選擇器，如div p，權值爲0001。
5. 通配符、子選擇器、相鄰選擇器等的。如*、>、+,權值爲0000。
6. 繼承的樣式沒有權值。

!important(最高權重)

文本屬性之text-decoration

• 沒有線

  

• 上劃線

  

• 下劃線

  

• 刪除線

  

文本屬性之行高

文本屬性值之text-align

CSS中元素分類

• 塊狀元素

• 行內元素

• 行內塊元素

display屬性

一般操做是把行內元素屬性轉換成行內塊元素屬性，這樣就能夠設置寬高了。