問答作業(yè):
1.css語法:
css語法由選擇器屁柏、屬性和值組成圈匆。選擇器通常是你希望定義的 HTML 元素或標(biāo)簽晤斩，屬性是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值宴霸。屬性和值被冒號分開囱晴，并由花括號包圍膏蚓，這樣就組成了一個(gè)完整的樣式聲明。
2.常見的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；后面的樣式會將前寫的給覆蓋
3.background屬性如何簡寫:
選擇符：{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ù)合式寫法：{font：style ? weight ? size ? family；}
5.text-indent有什么作用淫痰？
首行縮進(jìn)最楷，可以取負(fù)值，并且只對第一行起作用待错。
6.超鏈接a標(biāo)簽的作用有哪些:
通過href屬性來進(jìn)行頁面的跳轉(zhuǎn)
7. a標(biāo)簽?zāi)粯邮绞鞘裁?
有下劃線管嬉，點(diǎn)擊能發(fā)上跳轉(zhuǎn)，字體默認(rèn)有顏色
8.什么是盒模型朗鸠？盒模型包括什么蚯撩？
盒子模型是css的基石，指定標(biāo)簽如何顯示以及元素間相互關(guān)系烛占；頁面上的每一個(gè)元素都被當(dāng)做一個(gè)矩形盒子胎挎，占據(jù)一定的頁面空間；
這個(gè)盒子由：
內(nèi)容（content）內(nèi)邊距（補(bǔ)白 填充padding）邊框（border）和外邊界（margin）組成
9.padding和margin的區(qū)別忆家？
Padding是設(shè)定頁面中元素內(nèi)容到元素邊框之間的距離（補(bǔ)白）犹菇；
1：用來調(diào)整內(nèi)容在容器中的位置關(guān)系；
2：用來調(diào)整子元素在父元素中的位置關(guān)系（padding屬性需加在父元素上）芽卿；
3：padding值是額外加載元素原有大小之上的揭芍，
如想保證元素大小不變，需從元素寬或高上減掉添加的padding值大行独称杨；
（保證元素大小不變寬高加多少，padding減多少）筷转；
Padding不可以為負(fù)值
#padding：2px ?4px ?6px ?8px ?（上 右 下 左）
#padding：2px ?4px ?6px （上 ?左右 ?下）
#padding：2px ?4px （上下 ? ?左右）
#padding：2px（上下左右）
（a標(biāo)記默認(rèn)狀態(tài)下對padding ? margin的上下距離無效姑原，但是左右距離可以）
B：margin屬性：（調(diào)整容器在網(wǎng)頁中的位置“調(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í)寫上margin值時(shí)朵逝，誰的margin值大腺兴，就取那個(gè)大的margin值。
Margin傳遞：給子元素加上margin值廉侧，這時(shí)的margin的上下值會傳給父元素，導(dǎo)致父元素的位置發(fā)生變化篓足。
11.幾種常見的語義化標(biāo)簽:
div 語義：Division（分隔）span 語義：Span（范圍）ol 語義：Ordered List（排序列表）ul 語義：Unordered List（不排序列表）li 語義：List Item（列表項(xiàng)目）p 語義：paragraph marks（段落標(biāo)記）hx 語義：headWord（標(biāo)題）…………
12.常見的塊元素和內(nèi)嵌元素有哪些段誊？簡要說一下它們的區(qū)別？
內(nèi)聯(lián)元素（行內(nèi)元素）內(nèi)聯(lián)元素(inline element)
* a - 錨點(diǎn)
* abbr - 縮寫
* cite - 引用
* font - 字體設(shè)定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標(biāo)簽
塊元素:
* address - 地址
* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* div - 常用塊級容易栈拖，也是css layout的主要標(biāo)簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
主要區(qū)別： 塊級元素 用來搭建網(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……
? ?· 塊級元素是盒子臂容，盒子是有寬高的科雳，即不管里面有多少東西，外部就可以設(shè)置其寬高脓杉。
內(nèi)嵌元素是袋子炸渡，其寬高由里面的東西撐起來的。
編程作業(yè):
新買的筆記本還在路上(丽已。??︿??蚌堵。)，視頻還在復(fù)習(xí)中…………
學(xué)習(xí)總結(jié):
學(xué)習(xí)了也有幾天了，感覺自己也挺喜歡的吼畏，因?yàn)橹皩W(xué)習(xí)C語言督赤，算是有點(diǎn)基礎(chǔ)吧，感覺挺上手的泻蚊《闵啵可惜的是新買的筆記本物流太慢，一直想練練手都沒辦法性雄，只能看視頻没卸，看視頻?╭╮? 。最后鼓勵(lì)自己不要放棄秒旋，慢慢來约计，不要急于求成，掌握一門前端的技術(shù)畢竟不是容易的事迁筛，加油煤蚌！
