1.什么是CSS語法?
CSS是層疊樣式表,是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS 語法由三部分構(gòu)成:選擇器、屬性和值。
選擇器通常是你希望定義的 HTML 元素或標(biāo)簽,屬性是你希望改變的屬性,并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開,并由花括號(hào)包圍,這樣就組成了一個(gè)完整的樣式聲明。
2.列舉常見的CSS選擇器?
1.id選擇器:同一頁面不能重名,樣式表內(nèi)的標(biāo)識(shí)是#
2.類(class)選擇器:同一頁面可以重名,樣式表內(nèi)的標(biāo)識(shí)是.
class:同一個(gè)元素可以有不同的名字,用空格隔開。
代碼如下:
<p class="box box2">div2</div>
class同時(shí)有兩個(gè)類型:box box2
3.類型(標(biāo)簽)選擇器:在style內(nèi)直接設(shè)置如:div{··· } p{··· }
4.包含(后代)選擇器:在style內(nèi)設(shè)置如:#box p{···}
5.群組選擇器:在style內(nèi)設(shè)置如:div,span{···}
6.通配符 * :代表所有的標(biāo)簽。
3.background屬性如何簡寫?
background:url(img/img.gif) no-repeat #cc fixed 100px 100px;
順序隨意調(diào)換,但background-position中的x,y屬于一個(gè)整體兩者之間不能換位,中間不能有其他屬性。
4.文本的屬性有哪些?請(qǐng)寫出font的復(fù)合式寫法?
font-size:文字大小
font-weight:文字是否加粗 bold:加粗 normal:正常
font-style:文字樣式 italic 斜體 normal:正常
line-height:行高(每行文字的高度,文字上下居中)
font-family:"宋體"; 改變字體
font (復(fù)合樣式):順序不能改
font:font-weight font-style font-size/ine-height font-family
font中兩個(gè)必寫項(xiàng):font:font-size font-family
5.text-indent有什么作用?
text-indent:首行縮進(jìn)(1em=一個(gè)文字大?。?/p>
6.超鏈接a標(biāo)簽的作用有哪些?
a標(biāo)簽:<a href="網(wǎng)頁地址">網(wǎng)頁名</a>
href="頁面地址"--跳轉(zhuǎn)頁面
href="壓縮包地址"--下載
href="id"--直接跳轉(zhuǎn)到id所在位置 (錨點(diǎn))
7.a標(biāo)簽的默認(rèn)樣式是什么?
a標(biāo)簽:<a href="網(wǎng)頁地址">網(wǎng)頁名</a>
a樣式默認(rèn)帶有下劃線,顯示顏色為藍(lán)色,被訪問過后超鏈接變紫色。
要清除鏈接樣式,一般可以設(shè)置:
a{
text-decoration:none;
color:#colorname;
}
8.什么是盒模型?盒模型包括什么?
網(wǎng)頁設(shè)計(jì)中常聽的屬性名:內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin), CSS盒子模式都具備這些屬性。
這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘I钪械暮凶?箱子)上來理解,日常生活中所見的盒子也就是能裝東西的一種箱子,也具有這些屬性,所以叫它盒子模式。
CSS盒子模型就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。
9.padding和margin的區(qū)別?
padding:內(nèi)填充(padding在元素的邊框以里,內(nèi)容以外,padding同樣顯示元素的背景)
margin:外邊距(margin元素的邊框以外,不顯示元素背景)
10.什么是margin疊加?什么是margin傳遞?
margin疊加:相鄰兩個(gè)元素的上下margin是疊加在一起的。(當(dāng)垂直外邊距相遇時(shí),它們將疊加,疊加的高度取較大的。)
margin傳遞:子元素的上下margin會(huì)傳遞給父級(jí)。
11.列舉幾種常見的語義化標(biāo)簽?
section:版塊,用于劃分頁面上的不同區(qū)域,或者劃分文章里的不同節(jié)。
header:頁面頭部或者版塊(section)頭部。
footer:頁面底部或者版塊(section)底部。
nav:導(dǎo)航 (包含鏈接的一個(gè)列表)
article:用來在頁面內(nèi)表示一套結(jié)構(gòu)完整且獨(dú)立的內(nèi)容部分,可以用來呈現(xiàn)論壇的一個(gè)帖子,雜志或報(bào)紙中的一篇文章,一篇博客,用戶提交的評(píng)論內(nèi)容,可互動(dòng)的頁面模塊掛件等。
aside:元素標(biāo)簽可以包含與當(dāng)前頁面或者主要內(nèi)容相關(guān)的引用、側(cè)邊欄、廣告、nav元素組,以及其他類似的有別于主要內(nèi)容的部分。
1.被包含在<article>中作為主要內(nèi)容的附屬信息部分,其中內(nèi)容是以與當(dāng)前文章有關(guān)的引用、詞匯列表等。
2.在<article>之外使用,作為頁面或站點(diǎn)全局的附屬信息部分:最典型的形式是側(cè)邊欄(sidebar),其中的內(nèi)容可以是友情鏈接、附屬導(dǎo)航或廣告元素等。
h1-h6 :標(biāo)題(1-6逐漸變?。?br>
ul:無序列表
ol:有序列表
li:ul或ol的列表項(xiàng)
dl:定義列表
dt:定義列表的項(xiàng)目
dd:對(duì)dt展開的描述擴(kuò)展
p:段落
time:時(shí)間
em:強(qiáng)調(diào)一個(gè)詞或者一段話 傾斜
strong:強(qiáng)調(diào)一個(gè)詞或者一段話 與span一樣不會(huì)換行 加粗
img:圖片 
12.常見的塊元素和內(nèi)嵌元素有哪些?簡要的說一下它們的區(qū)別?
1.塊代表<div>:
(1):自己獨(dú)立占據(jù)一行
(2):支持所有的樣式
(3):不設(shè)寬度的時(shí)候,寬度撐滿整行
塊標(biāo)簽:
<div>塊</div>
<section>劃分頁面板塊</section>
<header>頭部</header>
<footer>底部</footer>
<nav>導(dǎo)航</nav>
<article>article</article>
<aside>article的附屬</aside>
<ul>
<li>無序列表</li>
<li>無序列表</li>
</ul>
<ol>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<dl>
<dt>定義列表項(xiàng)目</dt>
<dd>dt的展開描述</dd>
</dl>
<h1>標(biāo)題</h1>
<p>段落</p>
2.內(nèi)嵌代表<span>:
(1):可以在一行顯示
(2):不支持寬高,對(duì)上下的padding和margin等樣式支持的也有問題
(3):寬度由內(nèi)容撐開
(4):代碼換行會(huì)被解析出來(宋體的情況下,空格占字體大小的一半)
內(nèi)嵌標(biāo)簽:
<span>
<strong>strong</strong>
<em>em</em>
<a href="#">鏈接</a>