CSS常见知识点整理

整理一些CSS常见知识点：

 

CSS Position(定位)

Position的值：

• static   HTML 元素的默认值，即没有定位，遵循正常的文档流对象
• relative  相对定位元素的定位是相对其正常位置
• fixed    元素的位置相对于浏览器窗口是固定位置
• absolute  绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于
• sticky  基于用户的滚动位置来定位
• 重叠的元素可以靠z-index来定义堆叠顺序 例如 z-index:-1

元素居中对齐

水平居中块级元素 (如 div), 可以使用 margin: auto;

 

CSS组合选择符包括各种简单选择符的组合方式。

在 CSS3 中包含了四种组合方式:

• 后代选择器(以空格分隔)   
• 子元素选择器(以大于号分隔） 例如选择
  元素中所有直接子元素

   

• 相邻兄弟选择器（以加号分隔） 例如选取所有位于
  元素后的第一个

  元素

• 后续兄弟选择器（以破折号分隔） 后续兄弟选择器选取所有指定元素之后的相邻兄弟元素

PS：   从外部加载样式表

        内联元素的特点

　　 1.和其他的元素显示在一行上；

　　  2.内边距和外边距、高度，宽度都是不可改变的，他的宽度是根据他的显示文本和图像的宽度

　　  3.可以通过css来将它变成为块元素之后然后就可以用css其他样式应用了。

 　　块元素的特点：

　　 1.总是在新的一行上显示；

　　 2.高度、行高、宽度、内边距、外边距等都是可控制的；

　　 3.他的高度默认为0，是根据元素内的内容而决定的，宽度是父元素的宽度，但是可以通过css控制它，显示的指定他的宽度和高度，可以利用浮动和定位来将他与其他的块元素也显示在一行上；

 

未完待续。。。。。。。