更新時間:2018-11-30 來源:黑馬程序員 瀏覽量:
總結(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)字體屬性:字體傾斜,字體粗細,字體大小,綜合寫法應遵循順序(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賦值的復合寫法
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)
以上就是前端的部分知識點大綱,想要學習前端的同學可以借鑒此大綱來學習。
作者:黑馬程序員前端與移動開發(fā)培訓學院
首發(fā):http://web.itheima.com/