.筆記截屏:








target="_blank" 新窗口打開 ?target="_self"當前窗口打開 ?
問答作業(yè):
1.什么是css語法?
CSS就是一種叫做樣式表的技術,也有的人稱之為層疊樣式表,在主頁制作時采用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。
2.列舉常見的css選擇器?
基本語法結構可以按照選擇器表示為:
1、標簽名選擇器,如:p{},即直接使用HTML標簽作為選擇器。
2、類選擇器,如:.polaris{}。? //最常用的選擇器
3、ID選擇器,如:#polaris{}。
3.background屬性如何簡寫?
例如:{background:url(../images/g.png) no-repeat 100px ?5px;height:1px;font-size:0px;}
4.文本的屬性有哪些?請寫出font的復合式寫法?
?font-size:文字大小 ? font-weight:blod (normal)文字加粗 (正常) ? font-style:italic:文字傾斜 ? ? ? ? ? ? ?line-height:行高(文字在一行上下居中) ?font-family:"宋體" ?字體 color:字體顏色 ? ? ? ? ? ? ? ? ? ? ? ? ? 復合樣式:強制順序 font: font-weight ?font-style ?font-size/line-height font-family; ? ? ? ? ? ? ? ? ? ? ? ? ? ? font 字體大小和字體必須設置
5.text-indent有什么作用??
首行縮進 ?1em =1個文字大小
text-align:對齊(left、center、right)
text-decoration 文本修飾(underline 下劃線)
letter-spacing 字母間距(字間距)
word-spacing 詞距離 (空格也占像素 不同字體空格大小不同)
6.超鏈接a標簽的作用有哪些?
href 頁面地址 (跳轉頁面)
? ? ? ? 壓縮包(下載)
? ? ? ? 錨點: 寫的是id的話,點擊會直接跳到id所在位置
7.a標簽默認樣式是什么?
a? 表示所有狀態(tài)下的連接 如 .mycls a{color:red}
① a:link:未訪問鏈接 ,如 .mycls a:link {color:blue}
② a:visited:已訪問鏈接 ,如 .mycls a:visited{color:blue}
③ a:active:激活時(鏈接獲得焦點時)鏈接的顏色 ,如 .mycls a:active{color:blue}
④ a:hover:鼠標移到鏈接上時 ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited鏈接的狀態(tài)(顏色、下劃線等)應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個“狀態(tài)”的先后過程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能設置有無下劃線(總是有的)。
8.什么是盒模型?盒模型包括什么?
網(wǎng)頁設計中常聽的屬性名:內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin), CSS盒子模式都具備這些屬性。
這些屬性我們可以用日常生活中的常見事物——盒子作一個比喻來理解,所以叫它盒子模式。
CSS盒子模型就是在網(wǎng)頁設計中經(jīng)常用到的CSS技術所使用的一種思維模型。

9.padding和margin的區(qū)別?
padding:內(nèi)填充 (padding在元素邊框以內(nèi),padding同樣顯示元素的背景) 上右下左
可視寬(高)=border+padding+width(height)
margin:外邊距 (margin元素的邊框之外不顯示元素背景)是距離其他元素(寬 高)的距離 上右下左?
10.什么是margin疊加?什么是margin傳遞?
margin疊加:相鄰兩個元素的上下margin是疊加在一起 ? ? ?50取
margin傳遞: 子元素上下margin會傳遞給父級
11.列舉幾種常見的語義化標簽?
<title></title>:簡短、描述性、唯一(提升搜索引擎排名)。
< hn></hn>:h1~h6分級標題,用于創(chuàng)建頁面信息的層級關系。
<header></header>:頁眉通常包括網(wǎng)站標志、主導航、全站鏈接以及搜索框。
12.常見的塊元素和內(nèi)嵌元素有哪些?簡要說一下它們的區(qū)別?
塊級元素
顧名思義就是以塊顯示的元素,高度寬度都是可以設置的。比如我們常用的<div>,<p>,<ul>默認狀態(tài)下都是屬于塊級元素。塊級元素比較霸道,默認狀態(tài)下每次都占據(jù)一整個行,后面的內(nèi)容也必須再新起一行顯示。當然非塊級元素也可以通過css的display:block;將其更改成塊級元素。此外還有個特殊的,float也具有此功能。
內(nèi)聯(lián)元素
通俗點來說就是文本的顯示方式,與塊級元素相反,內(nèi)聯(lián)元素的高度寬度都是不可以設置的,其寬度就是自身文字或者圖片的寬度。我們常用到的<a>,<span>,<em>都屬于內(nèi)聯(lián)元素。內(nèi)聯(lián)元素的顯示特點就是像文本一樣顯示,不會獨自占據(jù)一個行。當然塊級元素也能變成內(nèi)聯(lián)元素,那就是通過css的display:inline和folat來實現(xiàn)
區(qū)別:
