18日筆記截屏+問答題

.筆記截屏:








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ū)別:


最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容