後代選擇器
1.後代選擇器又叫包含選擇器
作用是用來選擇元素或元素組的子孫後代
寫的時候就是把外層標籤寫在前面，裡面的寫在後面，用空格分隔
子元素選擇器
寫法是 父級標籤寫在前面，子級寫在後面，中間用乙個 > 進行連線
交集選擇器
交集選擇器由倆個選擇器構成，找到的標籤要滿足標籤一和標籤二的特點
並集選擇器
並集選擇器常用於集體宣告，用逗號隔開，所以選擇器都會執行後面的樣式
鏈結偽類選擇器
偽類用的是冒號 列如 :hour{}
向一些選擇器新增特殊效果
鏈結偽類
a:link/末訪問的鏈結/
a:visited /* 已訪問的鏈結*/
a:hover/滑鼠移動到鏈結上/
a:active/選定的鏈結/
順序是 lvha的順序，否則可能引起錯誤
鏈結偽類常用交集選擇器
塊級元素
常見的塊級元素
常見的塊元素有~、、 、 、 、<1i>等，其中標籤是最典型的塊元素。
特點是：獨佔一行
高度，寬度，外邊距以及外邊距都可以控制
寬度預設是容器的100%
塊級標籤裡不能放其他塊級元素
行內元素
常見的行內元素有、、、 、 、 、、 、等，其中標籤最典型的行內元素。有的地方也成內聯元素
特點是：相鄰行內元素在一行上，一行可以顯示多個
不能直接設定寬和高
預設寬度就是它本身的寬度
行內元素只能容納文字或其他行內元素
行內塊元素
在行內元素中有幾個特殊的標籤–、、可以對它們設定寬高和對齊屬性，有些資料可能會稱它們為行內塊元素。
和相鄰行內元素(行內塊)在一行上,但是之間會有空白縫隙。-行可顯示多個
預設寬度就是它本身內容的寬度。
高度，行高、外邊距以及內邊距都可以控制。
關於標籤模式轉換
塊轉行內：display:inline;
行內轉塊：display:block;
塊，行內元素轉換為行內塊：display:inline-block;
文字在盒子中垂直居中
上面和下面的距離相等，內容看上去就是居中的了
背景顏色
background-color:顏色值;預設的值是 transparent 透明的
背景background- image none | ur1 (ur1)
none 無背景圖
url 使用絕對或相對位址指定背景影象
背景平鋪
背景位置
注意：必須先指定background-image屬性
position後面是x座標和y座標。可以使用方位名詞或者 精確單位。
如果指定兩個值，兩個值都方位名字,則兩個值前後順序無關,比如left top和top left效果一致
如果只指定了乙個方位名詞，另-個值預設居中對齊。
如果position後面是精確座標，那麼第一 個, 肯定是x第二的一定是y
如果只指定乙個數值那該數值-定是x座標，另-個預設垂直居中
如果指定的兩個值是精確單位和方位名字混合使用,則第乙個值是x座標， 第二個值是y座標
背景附著
背景附著就是解釋背景是滾動的還是固定的
背景透明（css3）
background: rgba(0,0,0,0.3)
最後乙個就是透明度，取值範圍在0~1之間
半透明的是盒子背景與內容無關
背景透明（css3）
background: rgba(0,0,0,0.3)
最後乙個就是透明度，取值範圍在0~1之間
半透明的是盒子背景與內容無關
此內容僅代表個人觀點，邊看資料邊寫的，如有錯誤歡迎指正。
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
CSS3學習筆記 復合選擇器
lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle 將class為red的元素設定為紅色 字型 red 將class為red的div字型大小設定為30px 交集選...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...