玉溪网站制作,一般纳税人注册公司流程,郑州达云通网站建设公司,上海搬家公司收费价目表2021一.背景 这里将陆续介绍前端CSS中相关知识#xff0c;先介绍CSS2.1#xff0c;后续会介绍CSS3的相关属性#xff0c;通过该系列的文章#xff0c;希望能给准备转战前端的人员一些帮助#xff0c;同时也帮助自己梳理知识#xff0c;文章中如有错误#xff0c;欢迎指出。 …一.背景 这里将陆续介绍前端CSS中相关知识先介绍CSS2.1后续会介绍CSS3的相关属性通过该系列的文章希望能给准备转战前端的人员一些帮助同时也帮助自己梳理知识文章中如有错误欢迎指出。 下面是CSS2.1第一个阶段的知识框图后面会陆续更新该系列后续文章。 二.整体介绍 (一).基础介绍 1. 七个基本的入门属性首先要记住颜色color背景颜色background-color字体大小font-size加粗font-weight:bold倾斜font-style:italic 文字居中text-align:center 下划线text-decorationunderline。 2. 相对路径的写法 ../../ a/b/ 3. 七个基本选择器id选择器、标签选择器、类选择器、交集选择器、并集选择器、后代选择器、通配符。 4. 四个CSS3选择器子代选择器、序选择器、相邻选择器、兄弟选择器。 5. 行高(line-height)行高的作用范围、单行文本竖直居中、多行文本竖直居中。 6. font属性等价于(font-size, line-height, font-family)比例写法font-family的规则和特殊写法。 7. a标签伪类(link、visited、hover、active)、a标签的美化(常规写法和简介写法)。 8. background属性background-color、background-image、background-repeat、background-attachment、background-position颜色的三种表示方法。 (二).继承性和层叠性 1. 继承性作用范围。 2. 权重的计算规则①如果标签被选中比较权重id选择器类选择器标签选择器如果权重相同以后面写的为主。②如果标签没被选中权重为0就近原则哪个离目标标签近以哪个为主。 3. !important的性质。 (三).盒模型 1. 包含width、height、padding、border、margin。 2. padding的两种写法。 3. border的三种拆分形式。 4. margin在标准流中的塌陷现象以及利用“margin:0 auto”特性居中的条件。 5. 浏览器兼容性。 (四).标准文档流 1. 块级元素和行内元素各自的特性以及分别包括什么。 2. 相互转换的方法 块→行(display:inline)、行→块(display:block)。 3. 引出脱离标准文档流的三种方法浮动、绝对定位、固定定位。 (五).浮动 1. 浮动(float)的性质脱标、相互依靠、字围效果。 2. 清除浮动的五种方法以及各自的优缺点。 3. 引出脱离标准文档流的三种方法浮动、绝对定位、固定定位。 (六).定位 1. 相对定位含义、性质(不脱标老家留坑形影分离)、作用(微调位置、字绝父相)。 2. 绝对定位性质(脱标、居中的用法)、参考点(两种情况)。 3. 固定定位性质(脱标)、作用。 4. z-index性质、从父现象。 后续文章会详细介绍CSS2.1基础入门的六个板块。
