全国咨询/投诉热线:400-618-9090

首页技术文章正文

前端最基础部分知识点大纲

更新时间: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/

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

http://www.itcast.cn/subject/uizly/index.shtml?seozxuids

14天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

8天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

0天免费试学

基础班入门课程限时免费

申请试学名额

12天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

10天免费试学

基础班入门课程限时免费

申请试学名额
在线咨询 我要报名