Web前端知识点总结资料整理

合集下载

相关主题

HTML知识点

一、功能

用来制作静态网页，网页中的全部内容都是通过Html语言展现出来。

使用场合：开发静态网页。

二、思想

一切功能都由标签实现，标签具有四要素。

三、常用标签

四、案例

1、诗篇

2、学生课程表

3、注册页

CSS知识点

一、功能

1、css格式化页面中的各组成元素

2、css决定元素在页面的具体位置

二、思想

属性是css最小构成单元，每个属性都有特定功能，多个属性构成样式，由样式修饰html语言的标签。

三、样式修饰标签

1、style属性

html标签添加style属性，属性值是多个css属性的组合。

2、标签选择器

样式名与标签关键字相同，根据名称相同自动关联。

3、ID选择器

1>样式名以#开始；2>标签添加id属性与样式关联。

4、类选择器

1>样式名以.开始；2>标签添加class属性与样式关联。

5、属性选择器

标签名[属性名=属性值]，根据标签关键字和属性值自动关联。

6、包含选择器

1>子样式名中间加>或空格分隔(>直接包含)；

2>看最后一个子样式是什么选择器就如何关联标签。

7、多个样式名同一样式体

1>样式名中间加逗号分隔；

2>根据样式类型决定如何与标签关联。

8、多条件同时成立选择器

1>多个子样式名紧挨着

2>一个标签必须同时具备这多个条件才可以被该样式修饰

9、各选择器使用场合

1)如果想根据标签名用一个样式修饰所有同名标签时，用标签选择器；

2)如果一个样式只想修饰唯一的一个标签时，用id选择器；

3)如果一个样式想修饰多个任意标签时，用类选择器；

4)尽量使用包含选择器。

四、元素定位

1、盒子模型

通过设置标签的内外边距从而改变元素的位置，没有脱离标准文档流。