整理一些CSS常见知识点：
CSS Position(定位)
Position的值：
- static HTML 元素的默认值，即没有定位，遵循正常的文档流对象
- relative 相对定位元素的定位是相对其正常位置
- fixed 元素的位置相对于浏览器窗口是固定位置
- absolute 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
- sticky 基于用户的滚动位置来定位
- 重叠的元素可以靠z-index来定义堆叠顺序 例如 z-index:-1
元素居中对齐
水平居中块级元素 (如 div), 可以使用 margin: auto;
CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式:
- 后代选择器(以空格分隔)
- 子元素选择器(以大于号分隔） 例如选择<div>元素中所有直接子元素 <p>
- 相邻兄弟选择器（以加号分隔） 例如选取所有位于 <div> 元素后的第一个 <p> 元素
- 后续兄弟选择器（以破折号分隔） 后续兄弟选择器选取所有指定元素之后的相邻兄弟元素
PS： <link rel="stylesheet" href="xxx.css"/> 从外部加载样式表
内联元素的特点
1.和其他的元素显示在一行上；
2.内边距和外边距、高度，宽度都是不可改变的，他的宽度是根据他的显示文本和图像的宽度
3.可以通过css来将它变成为块元素之后然后就可以用css其他样式应用了。
块元素的特点：
1.总是在新的一行上显示；
2.高度、行高、宽度、内边距、外边距等都是可控制的；
3.他的高度默认为0，是根据元素内的内容而决定的，宽度是父元素的宽度，但是可以通过css控制它，显示的指定他的宽度和高度，可以利用浮动和定位来将他与其他的块元素也显示在一行上；
未完待续。。。。。。。
扫一扫
173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
