1.什么是CSS語法?
css語法有三部分分別是:選擇器 屬性和值。選擇器通常是你希望定義的HTML元素或者標簽,屬性是你希望改變的屬性,并且每個屬性都有一個值。屬性和值被冒號分開,他們都被一個大括號包圍,組成一個完整的聲明。
2.列舉常見的css選擇器?
(1) id選擇器 id屬性值是唯一的,格式如下:
<div id="value">.....
(2)屬性選擇器 a標簽 格式如下:
<a href="www.baidu.com">.....
(3) 元素選擇器 p html h1 h2
(4) 群組選擇器
(5) 類選擇器。
<div class="box"></div>/*調用時不用#box而用.box*/
3.background屬性如何簡寫?
background:url(images.png) right 0 no-repeat;
就是圖片 橫縱坐標 是否重復平鋪 顏色
4.文本的屬性有哪些?請寫出font的復合寫法?
(1) text-indent:首行縮進。
(2)line-height:行高。
(3) letter-spacing:文字間距屬性。
(4) color:顏色。
(5) text-align:文本對齊。
(6) text-decoration:文本修飾。
font的復合寫法:
font:font-weight font-style font-size/line-height font-family;
5.text-indent有什么作用?
首行縮進。
6.超鏈接a標簽的作用有哪些?
<a >百度</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.常見的塊元素和內嵌元素有哪些?簡要說一下他們的區別?
塊元素:
<div></div>
<header>頁眉</header>
<nav>導航</nav>
<section>劃分頁面板塊</section>
<footer>頁腳</footer>
<article>article</article> <
aside>article的附屬</aside>
<ul>
<li>無序列表</li>
</ul>
<ol>
<li>有序列表</li>
</ol>
<dl>
<dt>定義列表的項目</dt>
<dd>dt的展開描述</dd>
</dl>
<h1>標題</h1>
<p>段落</p>
內嵌元素:
<span></span>
<em>em</em>
<a href="#">鏈接</a>
區別:
塊:1 可以獨占一行
2 支持所有樣式
3 不設置寬度時,寬度撐滿整行
內嵌:1 可以在一行顯示
2 不支持寬高,對margin和padding的支持也有問題
3代碼換行,會被解析出來