總結了一些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屬性

 

通常操作是把行內元素屬性轉換成行內塊元素屬性,這樣就可以設置寬高了。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章