CSS級聯樣式表 css選擇器

2022-02-24 18:48:33 字數 952 閱讀 7617

cascading style sheet 級聯樣式表

表現html或xhtml檔案樣式的計算機語言

包括對字型,顏色,邊距,高度,寬度,背景,網頁定位等設定

建議:把表示樣式的**從html中分離出來,並且建立一種規則來定義html標籤要顯示成什麼樣子。

型別選擇器:不帶尖括號的標籤名。    如給段落標籤加下劃線     p 可以設定多個屬性

派生選擇器:作用在某些標籤的子標籤上。 如只給ul 中的li標籤加20px的字型大小 ul li

偽類選擇器:在原有選擇器的基礎上新增乙個限定的條件,當某種情況發生時在選擇這個標籤。如給超連結加上滑鼠懸浮改變紅色 ,下劃線 a:hover

:first-child:縮小標籤的選擇範圍。如給ul中的第乙個li標籤加上紅色   ul li:first-child  只選擇第乙個li標籤。

1

<

style

type

="text/css"

>2/*

超連結取消下劃線,改變顏色為紅色*/3

a7/*當滑鼠移動到a上顯示下劃線,改變顏色為綠色*/8

a:hover

12/*

給li標籤改變內鏈模式

*/13

ul li

16style

>

view code

其中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標籤 一組 奉上。二...