前端基礎(chǔ)部分知識點大綱

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

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