1.什么是CSS語法?
CSS 語法由三部分構成:選擇器、屬性和值。selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽,屬性 (property) 是你希望改變的屬性,并且每個屬性都有一個值。屬性和值被冒號分開,并由花括號包圍,這樣就組成了一個完整的樣式聲明(declaration):body {color: blue}上面這行代碼的作用是將 body 元素內的文字顏色定義為藍色。在上述例子中,body 是選擇器,而包括在花括號內的的部分是聲明。聲明依次由兩部分構成:屬性和值,color 為屬性,blue 為值。
2.列舉常見的CSS選擇器
1、通配符
*{margin:0px;}全站最好只寫一個
2、標簽選擇器
p{}
div{}
span{}
h2{}
3、id選擇器 命名用“#”開頭
#main{}
#side{} //在同一個頁面里面,id選擇器是唯一的,只能調用一次。
支持后代選擇器 #side p{}
例子:<div id=”side”>
<p>中國</p>
</div>
4、類選擇器 命名用“.”開頭
.banner{}
.footer{}
支持后代選擇器 .footer p{}
例子:<div class=” footer”>
<p>中國</p>
</div>
5、群組選擇器
p、span、div{}
.ss、.aa、.dd{}
#hh、#ee{}
6、后臺選擇器
.ss span{}
例子 <div class=”ss”>
<span>例子</span>
</div>
3.background如何簡寫?
可以縮寫為一句:background:#f00 url(img/1.jpg) no-repeat fixed 0 0;
? ? ?語法是background:color image repeat attachment position;
4.文本的屬性有哪些?請寫出font的復合式寫法?
1.text-indent:首行縮進
2.line-height:行高
3. letter-spacing:文字間距屬性
4.color:顏色
5. text-align:文本對齊
6.text-decoration:文本修shi
復合寫法:font:font-weight font-style font-size/line-height font-famliy;
5.text-indent有什么作用?
首行縮進(1em為一個文字大小)
6.超鏈接a標簽有什么作用?
如:<a href="lianjie"></a>
a標簽為一個鏈接,若是href后面跟著的是頁面地址的話,能直接跳轉頁面。若是href后面跟著的是壓縮包的話,能直接下載該壓縮包。若是href后面寫的是id的話,點擊之后會直接跳轉到id所在的位置(錨點)
7.a標簽的默認樣式是什么?
text-decoration:underline
8.什么是盒模型?盒模型包括什么?
在網頁中,一個元素占有空間的大小由幾個部分組成,其中包括元素的內容,元素的補白,元素的邊框,元素的邊界四個部分。4個部分一起構成了css中元素的盒模型。
盒模型包括:內容(content),填充(padding),邊框(border),邊界(margin).
9.padding和margin的區別?
padding:為內邊距或者內填充,就是內容距離邊框的長度。padding在元素的邊框以內內容之外。padding會讓內容范圍縮小。
margin:為外邊距,就是邊框和外面元素邊框的距離。margin不會讓內容范圍縮小。
10.什么是margin疊加?什么是margin傳遞?
margin疊加:相鄰兩個元素的上下margin是疊加在一起的,其中哪個元素的margin大就是顯示誰的margin。
margin傳遞:當父級不設置margin,而子元素設置了margin,子元素的上下margin會傳遞給父級。
11.列舉幾種常見的語義化標簽?
<header></header> <!--頁眉通常包括網站標志,主導航,全站鏈接以及搜索框-->
<nav></nav><!--標記導航,僅對文檔中重要的鏈接群使用-->
<article></article><!--包含像報紙一樣的內容-->
<section></section><!--具有相似主題的一組內容-->
<footer></footer><!--頁腳,只有當父級是body時,才是整個頁面的頁腳-->
<strong></strong>
12.常見的塊元素和內嵌元素有哪些?簡要說一下他們的區別?
常見塊元素
內嵌元素:
<a href="#"></a>鏈接
<span></span>
<em></em>
塊:
1 可以獨占一行
2 支持所有樣式
3 不設置寬度時,寬度撐滿整行
內嵌:
1 可以在一行顯示
2 不支持寬高,對margin和padding的支持也有問題
3代碼換行,會被解析出來