1.如
div會給所有的
增加樣式。2.
名前井號「
#」：對應
html
中的標籤的
id屬性，寫法為
#name。如
#p1會給
id is p1
增加樣式。3.
名前小數點「
.」：對應
html
中標籤的
class
屬性，寫法為
.name。如
.p2會給
class is p2
增加樣式。4.
中間空格「 」：關係到
html
標籤的層次，寫法為
css css[ css[... css]]
，可以設多層。如
div #p1 .span1
則會給中最內部的
span1
增加樣式
。這樣寫的
css必須嚴格遵守
css與
html
標籤層次，以下情況不會被這條
css所應用：5.
中間逗號「
,」 ：表示並列關係，即該
css有多個名稱（可以精簡重複的
css樣式）
如body,form,div
會為所有的、、
增加樣式
6.名後冒號「
:」：一般是指狀態
如a:hover
表示當滑鼠懸停在
a標籤上時使用的樣式
7.style中點代表類
class,#
代表id,
也可以注釋
h1代表
html
中的元素
tr.hr
代表元素的子元素1.如
div會給所有的
增加樣式。2.
名前井號「
#」：對應
html
中的標籤的
id屬性，寫法為
#name。如
#p1會給
id is p1
增加樣式。3.
名前小數點「
.」：對應
html
中標籤的
class
屬性，寫法為
.name。如
.p2會給
class is p2
增加樣式。4.
中間空格「 」：關係到
html
標籤的層次，寫法為
css css[ css[... css]]
，可以設多層。如
div #p1 .span1
則會給中最內部的
span1
增加樣式
。這樣寫的
css必須嚴格遵守
css與
html
標籤層次，以下情況不會被這條
css所應用：5.
中間逗號「
,」 ：表示並列關係，即該
css有多個名稱（可以精簡重複的
css樣式）
如body,form,div
會為所有的、、
增加樣式
6.名後冒號「
:」：一般是指狀態
如a:hover
表示當滑鼠懸停在
a標籤上時使用的樣式
7.style中點代表類
class,#
代表id,
也可以注釋
h1代表
html
中的元素
tr.hr
代表元素的子元素
CSS樣式小筆記
樣式 偏斜體 italic 斜體 normal 正常 行高 正常 單位 px pd em 粗細 粗體 lighter 細體 normal 正常 變體 小型大寫字母 normal 正常 大小寫 首字母大寫 uppercase 大寫 lowercase 小寫 none 無 修飾 下劃線 overline...
css樣式小技巧
1.css樣式小技巧 html怎樣設定使背景不隨頁面滾動而滾動 background attachment fixed 2.實現li a 超過長度內容出現省略號 overflow hidden white space nowrap text overflow ellipsis 3.使用 line h...
css樣式小技巧
1.css樣式小技巧 html怎樣設定使背景不隨頁面滾動而滾動 background attachment fixed 2.實現li a 超過長度內容出現省略號 overflow hidden white space nowrap text overflow ellipsis 3.使用 line h...