cascading style sheet 級聯樣式表
表現html或xhtml檔案樣式的計算機語言
包括對字型,顏色,邊距,高度,寬度,背景,網頁定位等設定
建議:把表示樣式的**從html中分離出來,並且建立一種規則來定義html標籤要顯示成什麼樣子。
型別選擇器:不帶尖括號的標籤名。 如給段落標籤加下劃線 p 可以設定多個屬性
派生選擇器:作用在某些標籤的子標籤上。 如只給ul 中的li標籤加20px的字型大小 ul li
偽類選擇器:在原有選擇器的基礎上新增乙個限定的條件,當某種情況發生時在選擇這個標籤。如給超連結加上滑鼠懸浮改變紅色 ,下劃線 a:hover
:first-child:縮小標籤的選擇範圍。如給ul中的第乙個li標籤加上紅色 ul li:first-child 只選擇第乙個li標籤。
1view code<
style
type
="text/css"
>2/*
超連結取消下劃線,改變顏色為紅色*/3
a7/*當滑鼠移動到a上顯示下劃線,改變顏色為綠色*/8
a:hover
12/*
給li標籤改變內鏈模式
*/13
ul li
16style
>
其中a標籤還有其他的偽類選擇器:
a:link 為訪問的鏈結,和a{}相同並且同時存在時會覆蓋a{}。
a:hover{} 滑鼠移動到超連結上時。
a:active{},被選定的超連結。
a:visited{} 已訪問的超連結。
類選擇器:給html標籤增加乙個class屬性,然後給class屬性填寫乙個值,這個值叫做型別。(在類名前面加「.」)
.shihua.shihua li
CSS選擇器及CSS樣式表
牛腩新聞發布系統中記憶最深的就是各種 css選擇器各種 css樣式,這些選擇器之間肯定有它的優先順序,包括 css樣式也一樣,也是有它的優先順序,本文介紹一些各種 css選擇器各種 css樣式以及它們的優先順序。由兩個主要的部分構成 選擇器,以及一條或者多條宣告。部分css部分 h1html 部分z...
css樣式表 樣式表分類 選擇器
一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案,用來存放樣式表 在html中呼叫樣式表,要在html中右鍵 ...
級聯樣式表css
菜鳥第三天 今天學習了乙個很神奇的css樣式 當然,一天的時間不可能全部學完.今天主要學習了有四大塊知識點 基本語法 樣式 選擇器 層次選擇器 一 基本語法 1 語法結構 h1,這一串符號,是基本語法的結構,其中h1為選擇器,fonr size為屬性,18px為值,2 style標籤 一組 奉上。二...