OriginalMIxss的博客

一 概述position 属性有五个位置值： static relative fixed absolute stickyposition 定位都是需要通过 top、bottom、left 和 right 属性来定位的，但首先要设置position属性，不同的position属性会产生不同的效果position:static设置静态position属性的元素不会以任何特殊方式定位，会随着正常页面流来进行定位，不会受 top left right bottom 属性的影响position:relati

1 简单选择器1.1 元素选择器根据元素名称选择元素div{ color: red;}1.2 id选择器选择 id=“idName” 的HTML元素#idName{ color: red;}1.3 类选择器选择对应类名的元素class = “box”.box{ color: red;}1.4 调用选择器选择页面上所有的选择器，将会影响页面上所有的选择器*{ color:red;}1.5 分组选择器具有相同样式定义的元素，可以使用分组选择器统一声明，使用

一 水平居中1 行内元素水平居中行内元素一般是文本，图标等，text-align可以控制其相对于父元素水平居中对齐#parent{ text-align: center;}2 margin 自动水平居中单个块级元素，可以使用margin auto可自动左右对齐，不过要首先设定宽度#son{ width: 100px; /*必须定宽*/ margin: 0 auto;}另外还可以通过设置父子宽度，使用具体的margin绝对定位对齐3 块级改行内块级水平居中多个

1 占有空间上的区别块级元素：占有整一个父元素的空间行内元素：占有其对应标签的空间，即使根据其内容的多少，占有父级元素多少的空间2 多个同级元素使用时的区别块级元素：即使在设置宽度的情况下，都直接新起一行行内元素：除非所占父元素行空间已满，否则都不会换行，在行内向右排列，即使是同级的子标签都是如此3 包含嵌套关系的区别块级元素：包含行内元素和块级元素行内元素：只能包含行内元素，不能包含块级元素4 边距属性的区别4.1 width, height 上的区别块级元素：均生效

概念伪类可以通过声明在CSS中与HTML页面的标签或者CSS类进行结合，定义元素的特殊状态。1 实现访问相关功能:link 表示未访问时的样式a:link { color: #FF0000;}:visited表示已被访问后的样式/* 已访问的链接 */a:visited { color: #00FF00;}:hover表示鼠标悬停时候的样式/* 鼠标悬停链接 */a:hover { color: #FF00FF;}/* x悬停后展示的链接 */div:hov