1.什么是CSS語法成玫?
CSS 語法由三部分構(gòu)成:選擇器胞此、屬性和值撤奸。selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標(biāo)簽蒿柳,屬性 (property) 是你希望改變的屬性跪妥,并且每個(gè)屬性都有一個(gè)值舅列。屬性和值被冒號(hào)分開,并由花括號(hào)包圍卧蜓,這樣就組成了一個(gè)完整的樣式聲明(declaration):body {color: blue}上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍(lán)色帐要。在上述例子中,body 是選擇器烦却,而包括在花括號(hào)內(nèi)的的部分是聲明宠叼。聲明依次由兩部分構(gòu)成:屬性和值先巴,color 為屬性其爵,blue 為值。
2.列舉常見的CSS選擇器
1伸蚯、通配符
*{margin:0px;}全站最好只寫一個(gè)
2摩渺、標(biāo)簽選擇器
p{}
div{}
span{}
h2{}
3、id選擇器 命名用“#”開頭
#main{}
#side{} //在同一個(gè)頁面里面剂邮,id選擇器是唯一的摇幻,只能調(diào)用一次。
支持后代選擇器 #side p{}
例子:<div id=”side”>
<p>中國(guó)</p>
</div>
4挥萌、類選擇器 命名用“.”開頭
.banner{}
.footer{}
支持后代選擇器 .footer p{}
例子:<div class=” footer”>
<p>中國(guó)</p>
</div>
5绰姻、群組選擇器
p、span引瀑、div{}
.ss狂芋、.aa、.dd{}
#hh憨栽、#ee{}
6帜矾、后臺(tái)選擇器
.ss span{}
例子 <div class=”ss”>
<span>例子</span>
</div>
3.background如何簡(jiǎn)寫?
可以縮寫為一句:background:#f00 url(img/1.jpg) no-repeat fixed 0 0;
? ? ?語法是background:color image repeat attachment position;
4.文本的屬性有哪些屑柔?請(qǐng)寫出font的復(fù)合式寫法屡萤?
1.text-indent:首行縮進(jìn)
2.line-height:行高
3. letter-spacing:文字間距屬性
4.color:顏色
5. text-align:文本對(duì)齊
6.text-decoration:文本修shi
復(fù)合寫法:font:font-weight font-style font-size/line-height font-famliy;
5.text-indent有什么作用?
首行縮進(jìn)(1em為一個(gè)文字大械稹)
6.超鏈接a標(biāo)簽有什么作用死陆?
如:<a href="lianjie"></a>
a標(biāo)簽為一個(gè)鏈接,若是href后面跟著的是頁面地址的話唧瘾,能直接跳轉(zhuǎn)頁面翔曲。若是href后面跟著的是壓縮包的話,能直接下載該壓縮包劈愚。若是href后面寫的是id的話瞳遍,點(diǎn)擊之后會(huì)直接跳轉(zhuǎn)到id所在的位置(錨點(diǎn))
7.a標(biāo)簽的默認(rèn)樣式是什么?
text-decoration:underline
8.什么是盒模型菌羽?盒模型包括什么掠械?
在網(wǎng)頁中,一個(gè)元素占有空間的大小由幾個(gè)部分組成,其中包括元素的內(nèi)容猾蒂,元素的補(bǔ)白均唉,元素的邊框,元素的邊界四個(gè)部分肚菠。4個(gè)部分一起構(gòu)成了css中元素的盒模型舔箭。
盒模型包括:內(nèi)容(content),填充(padding),邊框(border),邊界(margin).
9.padding和margin的區(qū)別蚊逢?
padding:為內(nèi)邊距或者內(nèi)填充层扶,就是內(nèi)容距離邊框的長(zhǎng)度。padding在元素的邊框以內(nèi)內(nèi)容之外烙荷。padding會(huì)讓內(nèi)容范圍縮小镜会。
margin:為外邊距,就是邊框和外面元素邊框的距離终抽。margin不會(huì)讓內(nèi)容范圍縮小戳表。
10.什么是margin疊加?什么是margin傳遞昼伴?
margin疊加:相鄰兩個(gè)元素的上下margin是疊加在一起的匾旭,其中哪個(gè)元素的margin大就是顯示誰的margin。
margin傳遞:當(dāng)父級(jí)不設(shè)置margin,而子元素設(shè)置了margin圃郊,子元素的上下margin會(huì)傳遞給父級(jí)价涝。
11.列舉幾種常見的語義化標(biāo)簽?
<header></header> <!--頁眉通常包括網(wǎng)站標(biāo)志描沟,主導(dǎo)航飒泻,全站鏈接以及搜索框-->
<nav></nav><!--標(biāo)記導(dǎo)航,僅對(duì)文檔中重要的鏈接群使用-->
<article></article><!--包含像報(bào)紙一樣的內(nèi)容-->
<section></section><!--具有相似主題的一組內(nèi)容-->
<footer></footer><!--頁腳吏廉,只有當(dāng)父級(jí)是body時(shí)泞遗,才是整個(gè)頁面的頁腳-->
<strong></strong>
12.常見的塊元素和內(nèi)嵌元素有哪些?簡(jiǎn)要說一下他們的區(qū)別席覆?
常見塊元素
內(nèi)嵌元素:
<a href="#"></a>鏈接
<span></span>
<em></em>
塊:
1 可以獨(dú)占一行
2 支持所有樣式
3 不設(shè)置寬度時(shí)史辙,寬度撐滿整行
內(nèi)嵌:
1 可以在一行顯示
2 不支持寬高,對(duì)margin和padding的支持也有問題
3代碼換行佩伤,會(huì)被解析出來