第二次問答作業(yè)&知識點總結(jié)

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、打代碼換行時會被解析


P70118-230022.jpg

如有上邊編碼自動翻譯,所以再次附上一張照片。

補充:
<a>鏈接</a>
疑問:a鏈接的默認形式

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

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,792評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,599評論 32 459
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 960評論 0 1
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 1,867評論 0 6
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,307評論 0 5