1.什么是css語法?
CSS 語法由三部分構(gòu)成:選擇器、屬性和值。selector {property:value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽,屬性 (property) 是你希望改變的屬性,并且每個屬性都有一個值。屬性和值被冒號分開,并由花括號包圍,這樣就組成了一個完整的樣式聲明(declaration)。
2.列舉常見的css選擇器?
(1)ID選擇器:在同一頁面內(nèi)不能同名,聲明前用#開頭。
#div1{height:200px;width:200px;background:red;}
(2)類型選擇器(class):同.開頭,可以同名,且可以一個標簽中可以寫多個變量。
.div{height:200px;width:200px;background:red;}
(3)包含選擇器:以#開頭,緊跟標簽名空格.子集標簽名。 例#div .p{修飾內(nèi)容}
(4)群組選擇器:直接用標簽的來開頭,是一致的標簽變成同一個類型。
a{ height:200px;width:200px;background:red;}
(5)通配選擇器:形式:*{},用于修飾所有的標簽。
*{ margin:0;padding:0;}
3.background屬性如何簡寫?
對于背景屬性的寫法沒有具體的順序,將所要求的內(nèi)容寫出來即可,每個屬性之間用空格隔開。
4.文本的屬性有哪些?請寫出font的復(fù)合式寫法?
(1)屬性:
font-size:設(shè)置文本的字體大小
font-family:設(shè)置文本的字體類型
font-style:設(shè)置文本的字體樣式 italic:傾斜 normal:正常
font-weight:設(shè)置字體的粗細 bold:加粗 normal:正常
font-height:設(shè)置文本的行高
color:設(shè)置文本的顏色
text-align:設(shè)置文本的對齊方式
(2)復(fù)合式寫法:
font:font-weight font-style font-size/line-height font-family
其中 font-size/line-height font-family為必寫項,不能省略。
5.text-indent有什么作用?
添加下劃線(underline)、刪除線(line-through)、上劃線(overline)。
格式:text-indent:npx underline;(線條粗細,線性)
6.超鏈接a標簽的作用有哪些?
(1)鏈接網(wǎng)址:轉(zhuǎn)到所連接的網(wǎng)址上去
(2)下載壓縮包:鏈接的若為壓縮包,點開后即下載所連接的壓縮包
(3)鏈接一個id的話,點擊后直接跳到id所在的位置。(錨點)
補充:a鏈接的形式:~~~ <a >百度</a> ~~~
7.a標簽?zāi)J樣式是什么?
1 :link 2 :visited 3 :hover 4 :active
8.什么是盒模型?盒模型包括什么?
盒模式:邊框(BORDER)就是盒子本身了;至于邊界(MARGIN)則說明盒子擺放的時候的不能全部堆在一起,要留一定空隙保持通風,同時也為了方便取出。在網(wǎng)頁設(shè)計上,內(nèi)容常指文字、圖片等元素,但是也可以是小盒子(DIV嵌套),與現(xiàn)實生活中盒子不同的是,現(xiàn)實生活中的東西一般不能大于盒子,否則盒子會被撐壞的,而CSS盒子具有彈性,里面的東西大過盒子本身最多把它撐大,但它不會損壞的。填充只有寬度屬性,可以理解為生活中盒子每個HTML標記都可看作一個盒子。
盒模型包括:內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)。
9.padding和margin的區(qū)別?
padding:(內(nèi)填充)在元素的邊框以內(nèi),內(nèi)容以外,padding同樣顯示元素的背景。
可視寬(高)=border+padding+width(heigth),
padding:10px;(邊框均為10像素)
padding:10px 100px;(邊框上下為10像素,左右為100像素)
padding:10px 20px 30px;(邊框上為10像素,左右為20像素,下為30像素)
padding:10px 20px 30px 40px;(邊框按上左下右順序排列)
margin;(外邊距)margin元素的邊框以外,不顯示元素背景。
10.什么是margin疊加?什么是margin傳遞?
margin疊加:相鄰兩個元素的上下margin是疊加在一起的
margin傳遞:子元素的上下margin會傳遞給父級。
11.列舉幾種常見的語義化標簽?
<header>頭部</header>
<footer>底部</footer>
<nav>導(dǎo)航</nav>
<article>用來在頁面中表示一套結(jié)構(gòu)完整且獨立的內(nèi)容部分</article>
<aside>aritile的一個附屬</aside>
<h1>標題</h1>
<h2>標題</h2>
<h3>標題</h3>
<h4>標題</h4>
<h5>標題</h5>
<h6>標題</h6>
<p>一段文字</p>
<ul>(無須列表
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ul>
<ol>(有須列表)
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ol>
<dl>定義列表
<dt>列表項</dt>
<dd>列表項里的內(nèi)容</dd>
</dl>
<span>區(qū)分樣式</span>
<strong>加粗</strong>
<em>傾斜</em>
<a pref="#">鏈接</a>
12.常見的塊元素和內(nèi)嵌元素有哪些?簡要說一下它們的區(qū)別?
塊元素:
<section>板塊</section>
<header>頭部</header>
<footer>底部</footer>
<nav>導(dǎo)航</nav>
<article>用來在頁面中表示一套結(jié)構(gòu)完整且獨立的內(nèi)容部分</article>
<aside>aritile的一個附屬</aside>
<h1>標題</h1>
<h2>標題</h2>
<h3>標題</h3>
<h4>標題</h4>
<h5>標題</h5>
<h6>標題</h6>
<p>一段文字</p>
<ul>(無須列表
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ul>
<ol>(有須列表)
<li>一段</li>
<li>一段</li>
<li>一段</li>
</ol>
<dl>定義列表
<dt>列表項</dt>
<dd>列表項里的內(nèi)容</dd>
</dl>
內(nèi)嵌元素:
<span>區(qū)分樣式</span>
<strong>加粗</strong>
<em>傾斜</em>
<a pref="#">鏈接</a>
區(qū)別:
塊元素:1、獨立占據(jù)一行
2、支持所有的樣式
3、不設(shè)置width時撐滿整行
內(nèi)嵌元素:1、多個占據(jù)一行
2、不支持寬和高,對上下的margin和padding支持也有問題
3、寬度由內(nèi)容撐開
4、打代碼換行時會被解析
如有上邊編碼自動翻譯,所以再次附上一張照片。
補充:
<a>鏈接</a>
疑問:a鏈接的默認形式