w3cschool -css

1、css--层叠样式表

2、样式优先级:内联样式优先于<head>标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省)。

3、background-color不能被继承,默认值为transparent(透明)。

4、文档过长,文档向下滚动时,超过图像位置背景就会消失。可以通过background-attachment防止滚动,声明图像相对于可视区是固定的。 background-attachment:fixd;

5、css文本设置:改变字(单词)之间的标准间隔。设置为正值间距增大,负值减小。word-spacing:10px;

         改变字母间隔使用letter-spacing.

6、text-transform属性处理文本的大小写。属性值:none(保留源文档大小写,不做改动),uppercase(转换为全大写),lowercase(转换为全小写),capitalize(单词首字母大写)。

7、white-space属性影响用户代理对源文档中的空格、换行和tab字符的处理。

white-space:normal;换行字符会转换为空格,一行中多个空格的序列也会转换为一个空格。

white-space:pre;空白符不被忽略。

white-space:nowrap;防止元素中的文本换行

8、font简写属性在一个声明中设置所有字体属性。设置顺序:font-style(字体样式:normal默认值,italic斜体,oblique倾斜,inherit继承父级)、font-variant(normal默认值,small-caps小型大写字母,inherit继承父级)、font-weight(bold粗体,bolder更粗,lighter更细,inherit继承父级)、font-size/line-height(字体大小,行高)、font-family(字体)

9、css表格处理:border-collapse:设置表格边框是否为单一的边框。separate默认值,边框会被分开,collapse边框被合并。border-spacing:设置相邻单元格的边框间的距离。

10、外间距合并是指当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并,如果这个外边距遇到另一个元素的外边距,它还会发生合并。

11、定位position属性:relative相对定位,元素框偏移某个距离。元素仍保持其未定位前的形状,原本所占空间仍保留。

absolute绝对定位,元素框从文档流完全删除,相对于包含块定位。

static默认值,没有定位,元素框正常生成,置于其父元素中。

fixed生成绝对定位的元素,相对于浏览器窗口进行定位,包含块是视窗本身。

12、overflow规定当内容溢出元素框时发生的事情。visible默认值,内容不会被修剪,呈现在元素框外。hidden:内容被修剪其余内容不可见。scroll内容会被修剪,浏览器会显示滚动条以便查看其余内容。auto如果内容被修剪,会出现滚动条。inherit继承父级overflow属性。

原文地址:https://www.cnblogs.com/slp-qm/p/4921483.html