CSS2

1.偽類選擇器:給鏈接定義樣式

正常鏈接        a:link
訪問過的鏈接    a:visited(只能定義字體顏色)
鼠標滑過的鏈接  a:hover
正在點擊的鏈接  a:active
  • 1.獲取焦點 :focus 文本框背景
  • 2.指定元素前 :before
  • 3.指定元素后 :after
  • 4.選中的元素 ::selection

首字母 :first-letter
首行 :first-line
before 最前面 after 最后面

2.屬性選擇器

  • title 會在網(wǎng)頁中作為一個提示文字
  • 例:
    p[title] 同時選中title屬性得標簽
    p[title="hello"] 選中title等于hello得標簽
    p[title^="ab"] 以ab開頭

3.子元素選擇器

:first-child 既得滿足是第一個p標簽又得滿足是第一個標簽
:body>p:first-child 表示body標簽下得第一個p標簽
:last-child 選擇最后一個子標簽
:nth-child 選擇指定位置的子元素可以寫數(shù)字或者even(偶數(shù))odd(單數(shù))
:first-of-tytpe 選擇指定位置得子元素 所有p標簽里第一個就可以
:last-of-tytpe

4.兄弟元素選擇器

span+p{} 緊挨著span下面得p 后一個兄弟選擇器
span~p{} span下面得所有p元素 后邊所有兄弟
否定偽類
p:not(.hello) 除了hello以為得改

5.樣式繼承

背景邊框和定位不會被繼承

6.選擇器得優(yōu)先級(權重)

  • 1.內聯(lián)樣式
  • 2.id選擇器
  • 3.類和偽類選擇器
  • 4.元素選擇器
  • 5.通配*,優(yōu)先級0
  • 6.繼承的樣式?jīng)]有優(yōu)先級

7.文本標簽

em一段內容的著重點(斜體)
strong一段的重要性(加粗)
i 斜體 在H5中 i代表 icon(圖標)
b 加粗
small 小 表示細則或版權聲明等小字
big 大
cite 書名號 表示參考的內容
blockquote(塊)論壇引用某個人的評論
sup 設置上標
sub 設置下標
p標簽不能用塊
ins 插入內容 自動加下劃線
del 刪除 劃掉內容
code 表示一段代碼
pre 保留格式

8.列表

網(wǎng)頁中的三種列表

  • 1.無序列表ul li(塊)
  • 2.有序列表ol li(塊)
  • 3.定義列表dl dt(被定義的內容) dd(對定義內容的描述)

去掉項目符號 list-style:none

9.單位

  • px 像素
  • % 根據(jù)父元素的大小計算子元素多大(根據(jù)父元素發(fā)生變化子元素也跟著改變)
  • em 1em=1font-size
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,639評論 19 139
  • 2/27/2017 12:45:49 PM 使用HTML5的網(wǎng)站布局(多列布局) 定義文檔或節(jié)的頁眉 定義導航鏈接...
    _Dot912閱讀 573評論 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,827評論 1 45
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,955評論 0 0
  • 女人怕老,并不是隨著年齡的增長而怕老,而是在她最青春年少時,似乎就已開始怕老,那時的她青澀、含羞、柔嫩,像...
    鶯時雁閱讀 647評論 0 3

友情鏈接更多精彩內容