首页技术文章正文

前端基础部分知识点大纲

更新时间:2018-11-30 来源:黑马程序员 浏览量:

总结一下,有关前端部分基础知识点大纲:
首先什么是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/

分享到:
在线咨询 我要报名
和我们在线交谈!