問(wèn)答作業(yè):
1.css語(yǔ)法:
css語(yǔ)法由選擇器、屬性和值組成。選擇器通常是你希望定義的 HTML 元素或標(biāo)簽，屬性是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開(kāi)，并由花括號(hào)包圍，這樣就組成了一個(gè)完整的樣式聲明。
2.常見(jiàn)的css選擇符:
css選擇符包括4大類：類型選擇符 ? ?id選擇符 ? ?class選擇符 ? ? 特殊選擇符
常用的選擇符有：
1：類型選擇符（標(biāo)記選擇器）
2：類選擇符（class選擇器 ?用.表示）
3：id選擇符（用#表示）
4：偽類選擇器
5：群組選擇符（集合選擇器）
6：通配符（設(shè)置全局屬性 ?用*表示）}
7：包含選擇符（后代選擇器）
Id名稱多用于外圍結(jié)構(gòu)，id名稱不可重復(fù)
Class名可以重復(fù)利用；id權(quán)重大于class；后面的樣式會(huì)將前寫(xiě)的給覆蓋
3.background屬性如何簡(jiǎn)寫(xiě):
選擇符：{background:url(圖片路徑) background-repeat background-position;}
Eg: ? ?.div1{background:url(../images/hua.jpg) no-repeat left center;}
4.文本的屬性有哪些：
文本水平居中：text-align：left ? ? ?right ? ? center
? ? 文本垂直居中：vertical-align：top ? ? middle ? bottom
字體類型：{font-family：”字體1”，”字體2”；}
字體大小：{font-size：數(shù)值；}
文本顏色：{color：顏色值；}
字體傾斜{font-style：italic/oblique/normal;}
文本修飾：{text-decoration}
font的復(fù)合式寫(xiě)法：{font：style ? weight ? size ? family；}
5.text-indent有什么作用？
首行縮進(jìn)，可以取負(fù)值，并且只對(duì)第一行起作用。
6.超鏈接a標(biāo)簽的作用有哪些:
通過(guò)href屬性來(lái)進(jìn)行頁(yè)面的跳轉(zhuǎn)
7. a標(biāo)簽?zāi)粯邮绞鞘裁?
有下劃線，點(diǎn)擊能發(fā)上跳轉(zhuǎn)，字體默認(rèn)有顏色
8.什么是盒模型？盒模型包括什么？
盒子模型是css的基石，指定標(biāo)簽如何顯示以及元素間相互關(guān)系；頁(yè)面上的每一個(gè)元素都被當(dāng)做一個(gè)矩形盒子，占據(jù)一定的頁(yè)面空間；
這個(gè)盒子由：
內(nèi)容（content）內(nèi)邊距（補(bǔ)白 填充padding）邊框（border）和外邊界（margin）組成
9.padding和margin的區(qū)別？
Padding是設(shè)定頁(yè)面中元素內(nèi)容到元素邊框之間的距離（補(bǔ)白）；
1：用來(lái)調(diào)整內(nèi)容在容器中的位置關(guān)系；
2：用來(lái)調(diào)整子元素在父元素中的位置關(guān)系（padding屬性需加在父元素上）；
3：padding值是額外加載元素原有大小之上的，
如想保證元素大小不變，需從元素寬或高上減掉添加的padding值大?。?/p>
（保證元素大小不變寬高加多少，padding減多少）；
Padding不可以為負(fù)值
#padding：2px ?4px ?6px ?8px ?（上 右 下 左）
#padding：2px ?4px ?6px （上 ?左右 ?下）
#padding：2px ?4px （上下 ? ?左右）
#padding：2px（上下左右）
（a標(biāo)記默認(rèn)狀態(tài)下對(duì)padding ? margin的上下距離無(wú)效，但是左右距離可以）
B：margin屬性：（調(diào)整容器在網(wǎng)頁(yè)中的位置“調(diào)整相鄰模塊之間的關(guān)系”）
背景不可以覆蓋margin區(qū)域
Margin的使用方式：margin給自身加（不在父元素上加）
“邊界：margin ? ? ?在元素外邊的空白區(qū)域（邊距）”
margin屬性的四種方式：
1：{margin：10px ?2px ?4px ?3px；}上 ?右 ?下 ?左
2：{margin：10px ?2px ?3px；}上 ?左右 ? 下
3：{margin：10px ?2px ；}上下 ? ? ?左右
4：{margin：10px；}上下左右
5：{margin：0 ? auto；}在瀏覽器中水平居中
10.什么是margin疊加？什么是margin傳遞？
Margin疊加：發(fā)上在兩個(gè)塊元素之間的margin上下疊加，當(dāng)兩個(gè)塊元素都同時(shí)寫(xiě)上margin值時(shí)，誰(shuí)的margin值大，就取那個(gè)大的margin值。
Margin傳遞：給子元素加上margin值，這時(shí)的margin的上下值會(huì)傳給父元素，導(dǎo)致父元素的位置發(fā)生變化。
11.幾種常見(jiàn)的語(yǔ)義化標(biāo)簽:
div 語(yǔ)義：Division（分隔）span 語(yǔ)義：Span（范圍）ol 語(yǔ)義：Ordered List（排序列表）ul 語(yǔ)義：Unordered List（不排序列表）li 語(yǔ)義：List Item（列表項(xiàng)目）p 語(yǔ)義：paragraph marks（段落標(biāo)記）hx 語(yǔ)義：headWord（標(biāo)題）…………
12.常見(jiàn)的塊元素和內(nèi)嵌元素有哪些？簡(jiǎn)要說(shuō)一下它們的區(qū)別？
內(nèi)聯(lián)元素（行內(nèi)元素）內(nèi)聯(lián)元素(inline element)
* a - 錨點(diǎn)
* abbr - 縮寫(xiě)
* cite - 引用
* font - 字體設(shè)定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標(biāo)簽
塊元素:
* address - 地址
* blockquote - 塊引用
* center - 舉中對(duì)齊塊
* dir - 目錄列表
* div - 常用塊級(jí)容易，也是css layout的主要標(biāo)簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
主要區(qū)別： 塊級(jí)元素 用來(lái)搭建網(wǎng)站架構(gòu)、布局、承載內(nèi)容，如：div、ul、li、dl、dt、dd、h1-h6、p、address……
? ? ? 內(nèi)聯(lián)元素 用在文本之中的某一行的修飾，如：a、span、strong、sub、sup、img……
? ?· 塊級(jí)元素是盒子，盒子是有寬高的，即不管里面有多少東西，外部就可以設(shè)置其寬高。
內(nèi)嵌元素是袋子，其寬高由里面的東西撐起來(lái)的。
編程作業(yè):
新買的筆記本還在路上(。??︿??。)，視頻還在復(fù)習(xí)中…………
學(xué)習(xí)總結(jié):
學(xué)習(xí)了也有幾天了，感覺(jué)自己也挺喜歡的，因?yàn)橹皩W(xué)習(xí)C語(yǔ)言，算是有點(diǎn)基礎(chǔ)吧，感覺(jué)挺上手的?？上У氖切沦I的筆記本物流太慢，一直想練練手都沒(méi)辦法，只能看視頻，看視頻?╭╮? 。最后鼓勵(lì)自己不要放棄，慢慢來(lái)，不要急于求成，掌握一門前端的技術(shù)畢竟不是容易的事，加油！
