建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
真正零基礎(chǔ)學(xué)習(xí)HTML（三）
```一、CSS概念
1、需求：
設(shè)置網(wǎng)頁(yè)標(biāo)簽的樣式：寬``、高、背景顏色、位置......
用于布局或美化網(wǎng)頁(yè)
2、概念：
css 層疊樣式表
英文全稱：cascading style sheets
瀏覽器解釋語(yǔ)言：讓瀏覽器去執(zhí)行解釋的語(yǔ)言
html css
大小寫不敏感：小寫
w3c組織
3、css語(yǔ)法：
選擇器1{
屬性名1：屬性值1；
屬性名2：屬性值2；
...
...
}
選擇器2{
屬性名1：屬性值1：
屬性名2：屬性值2；
...
...
}
選擇器：我要找的html標(biāo)簽（元素）
屬性1：屬性值1：width：20px
不針對(duì)行內(nèi)樣式
4、css注釋
html注釋
css注釋
/*注釋內(nèi)容*/
//也可以
sublime快捷鍵：ctrl+/
5、補(bǔ)充
dhtml=html（指定元素）+css（元素大小位置顏色）+javascript（操縱網(wǎng)頁(yè)元素）
內(nèi)容獨(dú)占一行，背景顏色一行
內(nèi)容不獨(dú)占一行，背景顏色跟隨內(nèi)容
是行級(jí)容器標(biāo)簽，不可以包含圖片、標(biāo)題、段落等，只能包含文字內(nèi)容
（他們存在就是為了樣式）
二、css樣式分類
1、行內(nèi)樣式
只作用于行內(nèi)
內(nèi)容
2、內(nèi)嵌樣式
作用于本頁(yè)也可以鏈接到html中
品種特征方面：
1、蛋魚：蛋魚…….。
2、龍睛：龍睛……..。
3、高頭：高頭….。
3、外部樣式
作用于多個(gè)頁(yè)面
引入內(nèi)嵌樣式css文件
link
三、選擇器
1、html選擇器
<.style type="txet/css">
p{屬性名：屬性值；
屬性名：屬性值；}
<.style/>
2、class類選擇器
<.p class="命名">內(nèi)容
<.STYLE type="text/css">
.命名{
屬性名：屬性值；
屬性名：屬性值；
}
3、ID選擇器
<.p id="命名">內(nèi)容
<.STYLE type="text/css">
#命名{
屬性名：屬性值；
屬性名：屬性值；
}
4、子元素選擇器(父子關(guān)系)
.div > .input > 選擇器1 > 選擇器2{
}
.border：5px dotted red；
.dotted：虛線
.solid：實(shí)線
5、后代選擇器（后代關(guān)系）
.div .input{
}
6、組合選擇器
選擇器，選擇器{
屬性名：屬性值；
屬性名：屬性值；
}
7、樣式混用
行內(nèi)樣式
內(nèi)嵌樣式
外部樣式
就近原則 當(dāng)前標(biāo)題：真正零基礎(chǔ)學(xué)習(xí)HTML（三）
文章URL：http://www.ef60e0e.cn/article/pohggh.html
