第二次問答作業

1.什么是CSS語法?

CSS 語法由三部分構成:選擇器、屬性和值。selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽,屬性 (property) 是你希望改變的屬性,并且每個屬性都有一個值。屬性和值被冒號分開,并由花括號包圍,這樣就組成了一個完整的樣式聲明(declaration):body {color: blue}上面這行代碼的作用是將 body 元素內的文字顏色定義為藍色。在上述例子中,body 是選擇器,而包括在花括號內的的部分是聲明。聲明依次由兩部分構成:屬性和值,color 為屬性,blue 為值。

2.列舉常見的CSS選擇器

1、通配符

*{margin:0px;}全站最好只寫一個

2、標簽選擇器

p{}

div{}

span{}

h2{}

3、id選擇器 命名用“#”開頭

#main{}

#side{} //在同一個頁面里面,id選擇器是唯一的,只能調用一次。

支持后代選擇器 #side p{}

例子:<div id=”side”>

<p>中國</p>

</div>

4、類選擇器 命名用“.”開頭

.banner{}

.footer{}

支持后代選擇器 .footer p{}

例子:<div class=” footer”>

<p>中國</p>

</div>

5、群組選擇器

p、span、div{}

.ss、.aa、.dd{}

#hh、#ee{}

6、后臺選擇器

.ss span{}

例子 <div class=”ss”>

<span>例子</span>

</div>

3.background如何簡寫?

  可以縮寫為一句:background:#f00 url(img/1.jpg) no-repeat fixed 0 0;

? ? ?語法是background:color image repeat attachment position;

4.文本的屬性有哪些?請寫出font的復合式寫法?

1.text-indent:首行縮進

2.line-height:行高

3. letter-spacing:文字間距屬性

4.color:顏色

5. text-align:文本對齊

6.text-decoration:文本修shi

復合寫法:font:font-weight font-style font-size/line-height font-famliy;

圖片發自簡書App

5.text-indent有什么作用?

首行縮進(1em為一個文字大小)

6.超鏈接a標簽有什么作用?

如:<a href="lianjie"></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.常見的塊元素和內嵌元素有哪些?簡要說一下他們的區別?

常見塊元素

圖片發自簡書App

內嵌元素:

<a href="#"></a>鏈接

<span></span>

<em></em>

塊:

1 可以獨占一行

2 支持所有樣式

3 不設置寬度時,寬度撐滿整行

內嵌:

1 可以在一行顯示

2 不支持寬高,對margin和padding的支持也有問題

3代碼換行,會被解析出來

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,790評論 1 92
  • 1.什么是css語法?CSS 語法由三部分構成:選擇器、屬性和值。selector {property:value...
    星星yx閱讀 253評論 1 0
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,089評論 0 1
  • 1.塊級元素和行內元素 塊級(block-level)元素;行內(內聯、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,038評論 1 4
  • FreeCodeCamp - HTML5 and CSS 發現原來在另外一臺電腦學 FreeCodeCamp 的時...
    付林恒閱讀 9,431評論 2 17