黑马程序员技术交流社区
标题:
CSS2.0 小总结
[打印本页]
作者:
杨东9527
时间:
2018-11-28 10:35
标题:
CSS2.0 小总结
CSS2.0 小小总结
一、CSS2.0 基础小总结，先从选择器开始，选择器分为两大类基础选择器，复合选择器。
1.基础选择器包括标签，类，id选择器，多类名选择器。
2.复合选择器有，后代选择器，子代选择器，交集选择器，并集选择器，除去上面两大类选择器外还有一些特殊选择器像，
通配符选择器，链接伪类选择器，有一些要到CSS3.0可能才会接触。
二、再就是CSS2.0的基础属性，有三大类，字体属性,字体样式属性，背景属性。
1.字体属性中有，字体倾斜，字体粗细，字体大小，字体，有一个字体连写顺序就是前面的顺序（font: 斜 粗细 大小/行高 字体），连写的话注意字体和大小一定要有。
2.字体样式属性有，颜色，文字水平居中，行高，首行缩进，文本下划线，文本水平居中只对行内元素和行内块元素有效果，当然这个属性是加给父盒子的，行高属性主要用来用让单行单行单行文本垂直居中，文本？没错，对块级元素无效，使用方法行高等于高度，首行缩进和下划线直接用就行。
3.背景属性有，背景颜色，背景图片，背景平铺，背景定位，背景附着，有一个连写，顺序没有要求，最好是前面的顺序，背景后面有个应用，用来做精灵图。
三、标签的显示模式有，行内元素，行内块元素，块元素
1.块级元素：独占一行，可以设置宽高内外边距，在没有设置宽度的情况下，默认父盒子的宽度
2.行内元素：一行显示多个，不能设置宽高和垂直方向上的内外边距，默认宽高由内容决定
3.行内块元素：一行显示对个，可以设置宽高内外边距，
四、然后就是两个大概念：CSS三大特性，盒子模型
1.CSS三大特性有，层叠性，继承性，优先级。
层叠性是，在 权重相等 的情况下后写的属性会替换掉前面写的属性。
继承性是，父级元素下的子元素会继承父级的font- text- 行高属性，但是有一些标签有默认的属性不会继承父级像链接，标题这种标签。
权重就是 通配符<标签<类<id<行内<important比较一下就行了
2.盒子模型中有宽高，内边距，边框，外边距，盒子的实际大小=宽高+内边距+边框，和margin没关系，margin主要是用来 控制盒子与盒子之间的距离，然后可以让块级元素水平居中，两个条件：块级元素，有宽度，缺一不可，padding内边距使用时注意会撑开盒子的大小，做好加减法就行，有的时候不用加减，比如盒子的宽度是从父盒子继承过来的，这时候设置左右的内边距不会撑开盒子，边框里没啥，直接用就行。
五、然后是布局了，布局两大块浮动，定位，也可以分为标准流和脱离标准流。
1.普通的标签排版就是标准流。
2.脱离标准流有浮动和定位，两者的区别就是浮动只能左右浮动，定位则是可以相对一个地方做边偏移可以更精准，让后定 位中有四个模式，一个静态定位，就是标准流，一般用来清除定位，一个相对定位，相对定位的元素是不脱标的，占有原来 的位置，以自身原来的位置边偏移，绝对定位时脱离标准流的，不占有原来的位置，相对于离自己最近的定位了的父元素， 如果实在是没有就相对于浏览器，固定定位时脱离标准流的，不占位置，只相对于浏览器边偏移，所有脱离了标准流的元素 ，都是不占位置的，并且它的显示模式会变成行内块元素的显示模式。我知道的就这么多了
作者:
小堂姐姐
时间:
2018-11-30 17:06
基础班学得挺认真的啊
作者:
杨东9527
时间:
2019-1-12 16:41
小堂姐姐 发表于 2018-11-30 17:06
基础班学得挺认真的啊
谢谢
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
