總結了一些HTML、CSS的一些簡單特性,純屬個人筆記,非文章
前言
個人總結了一些容易忘記的HTML、CSS特性,以備查漏補缺,讀者朋友們有興趣的可以看看,也當查漏補缺,但我已在標題中聲明,此篇純屬個人筆記,非文章!
HTML
target屬性
target = "_self" (默認在當前頁面打開鏈接)
target = "_blank" (在新的瀏覽器窗口打開鏈接)
複製代碼
lable
在html中,lable標籤通常和input標籤一起使用,label標籤爲input元素定義標註(標記)。使用該標籤後,你點擊單選按鈕或複選按鈕的文本也是可以選中的。
CSS
CSS的三種引入方式
- 內聯式(行內式)
- 嵌入式
- 外部式
CSS的選擇器
標籤選擇器
id選擇器
class選擇器
類選擇器可以同時攜帶多個類
- 後代選擇器
- 子代選擇器
- 組合選擇器
- 交集選擇器
- 僞類選擇器
CSS選擇器權重
選擇器類型:
- ID #id
- class .class
- 標籤 p
- 通用 *
- 屬性 [type="text"]
- 僞類 :hover
- 僞元素 ::first-line
- 子選擇器、相鄰選擇器
權重計算規則:
- 第一等:代表內聯樣式,如: style=””,權值爲1000。
- 第二等:代表ID選擇器,如:#content,權值爲0100。
- 第三等:代表類,僞類和屬性選擇器,如.content,權值爲0010。
- 第四等:代表類型選擇器和僞元素選擇器,如div p,權值爲0001。
- 通配符、子選擇器、相鄰選擇器等的。如*、>、+,權值爲0000。
- 繼承的樣式沒有權值。
!important(最高權重)
文本屬性之text-decoration
- 沒有線
- 上劃線
- 下劃線
- 刪除線
文本屬性之行高
文本屬性值之text-align
CSS中元素分類
- 塊狀元素
- 行內元素
- 行內塊元素
display屬性