前端基礎(chǔ)部分知識(shí)點(diǎn)大綱

總結(jié)一下，有關(guān)前端部分基礎(chǔ)知識(shí)點(diǎn)大綱：
首先什么是HRML？html（Hyper text markup language）稱(chēng)之為超鏈接文本語(yǔ)言
1、標(biāo)簽
（1）樣式：雙標(biāo)簽、單標(biāo)簽
（2）關(guān)系：并列、嵌套
（3）種類(lèi)：排版、文本格式化、鏈接、圖像、注釋
2、表格
（1）組成：行、單元格、表頭
（2）合并單元格：跨行rowspan；跨列colspan
3、列表（1）有序（2）無(wú)序（3）自定義
4、表單（2）表單標(biāo)簽（2）form表單域
5、路徑（1）相對(duì)路徑：同級(jí)、上級(jí)、下級(jí)（2）絕對(duì)路徑
二、層疊樣式表（Cascading Style Sheet），簡(jiǎn)稱(chēng)css
1、基礎(chǔ)屬性：字體屬性、外觀屬性、背景屬性
（1）字體屬性：字體傾斜，字體粗細(xì)，字體大小，綜合寫(xiě)法應(yīng)遵循順序（font: font-style font-weight font-size/line-height font-family；），并且一定要有font-size和font-family的屬性值。
（2）外觀屬性：顏色、文字水平居中、行高、首行縮進(jìn)、文本修飾，需注意的是，文本水平居中只對(duì)行內(nèi)元素和行內(nèi)塊元素有效、行高屬性主要用來(lái)用讓單行文本垂直居中。
（3）背景屬性：背景顏色，背景圖片，背景平鋪，背景定位，背景附著。綜合寫(xiě)法無(wú)強(qiáng)制順序要求。
2、三大特性：層疊性，繼承性，優(yōu)先級(jí)（權(quán)重）
（1）層疊性：后寫(xiě)的屬性會(huì)覆蓋掉前面寫(xiě)的屬性（在權(quán)重相等的情況下）
（2）繼承性：子元素會(huì)繼承父級(jí)的文本屬性，但個(gè)別標(biāo)簽有默認(rèn)的屬性，不會(huì)繼承，如鏈接。
（3）優(yōu)先級(jí)：繼承 < 通配符 < 標(biāo)簽/偽元素 < 類(lèi)/偽類(lèi) < id < 行間 < important
3、盒子模型：內(nèi)邊距、邊框、外邊距
（1）padding/margin賦值的復(fù)合寫(xiě)法
     1個(gè)值 上下左右都有
     2個(gè)值 上下、左右
     3個(gè)值 上、左右。下
     4個(gè)值 上、右、下、左（順時(shí)針）
（2）margin塌陷
① 相鄰塊元素垂直方向的margin合并會(huì)自動(dòng)選取取兩者較大值
    解決辦法：只給定一個(gè)值即可
② 嵌套關(guān)系的垂直外邊距，子級(jí)margin會(huì)作用在父級(jí)上
    解決辦法：1、給父級(jí)指定padding值; 2、給父級(jí)添加overflow：hidden； 3、給父級(jí)定義上邊框，透明
③ 只在垂直方向有bug，左右方向沒(méi)有
④ 觸發(fā)bfc的都不會(huì)有塌陷bug，float、position、display、overflow
4、布局屬性：浮動(dòng)、定位
（1）靜態(tài)定位、相對(duì)定位、絕對(duì)定位、固定定位，一般布局常用“子絕父相”
（2）浮動(dòng)只有左右浮動(dòng)
（3）帶有浮動(dòng)流的元素，會(huì)被自動(dòng)轉(zhuǎn)化成 inline-block 的屬性（float、position：absolute、position：fixed）
以上就是前端的部分知識(shí)點(diǎn)大綱，想要學(xué)習(xí)前端的同學(xué)可以借鑒此大綱來(lái)學(xué)習(xí)。

作者：黑馬程序員前端與移動(dòng)開(kāi)發(fā)培訓(xùn)學(xué)院
首發(fā)：http://web.itheima.com/