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

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、盒子模型

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

marging-top：外上边距margin-right：外右边距margin-bottom：外下边距margin-left：外左边距

margin：同时设置上右下左四个外边距(顺时针)padding-top：内上边距padding-right：内右边距padding-bottom：内下边距