前端基础部分知识点大纲

总结一下，有关前端部分基础知识点大纲：
首先什么是HRML？html（Hyper text markup language）称之为超链接文本语言
1、标签
（1）样式：双标签、单标签
（2）关系：并列、嵌套
（3）种类：排版、文本格式化、链接、图像、注释
2、表格
（1）组成：行、单元格、表头
（2）合并单元格：跨行rowspan；跨列colspan
3、列表（1）有序（2）无序（3）自定义
4、表单（2）表单标签（2）form表单域
5、路径（1）相对路径：同级、上级、下级（2）绝对路径
二、层叠样式表（Cascading Style Sheet），简称css
1、基础属性：字体属性、外观属性、背景属性
（1）字体属性：字体倾斜，字体粗细，字体大小，综合写法应遵循顺序（font: font-style font-weight font-size/line-height font-family；），并且一定要有font-size和font-family的属性值。
（2）外观属性：颜色、文字水平居中、行高、首行缩进、文本修饰，需注意的是，文本水平居中只对行内元素和行内块元素有效、行高属性主要用来用让单行文本垂直居中。
（3）背景属性：背景颜色，背景图片，背景平铺，背景定位，背景附着。综合写法无强制顺序要求。
2、三大特性：层叠性，继承性，优先级（权重）
（1）层叠性：后写的属性会覆盖掉前面写的属性（在权重相等的情况下）
（2）继承性：子元素会继承父级的文本属性，但个别标签有默认的属性，不会继承，如链接。
（3）优先级：继承 < 通配符 < 标签/伪元素 < 类/伪类 < id < 行间 < important
3、盒子模型：内边距、边框、外边距
（1）padding/margin赋值的复合写法
     1个值 上下左右都有
     2个值 上下、左右
     3个值 上、左右。下
     4个值 上、右、下、左（顺时针）
（2）margin塌陷
① 相邻块元素垂直方向的margin合并会自动选取取两者较大值
    解决办法：只给定一个值即可
② 嵌套关系的垂直外边距，子级margin会作用在父级上
    解决办法：1、给父级指定padding值; 2、给父级添加overflow：hidden； 3、给父级定义上边框，透明
③ 只在垂直方向有bug，左右方向没有
④ 触发bfc的都不会有塌陷bug，float、position、display、overflow
4、布局属性：浮动、定位
（1）静态定位、相对定位、绝对定位、固定定位，一般布局常用“子绝父相”
（2）浮动只有左右浮动
（3）带有浮动流的元素，会被自动转化成 inline-block 的属性（float、position：absolute、position：fixed）
以上就是前端的部分知识点大纲，想要学习前端的同学可以借鉴此大纲来学习。

作者：黑马程序员前端与移动开发培训学院
首发：http://web.itheima.com/