CSS学习笔记

1.float属性

  //设置float属性后会出现塌陷问题 

   解决方案：https://blog.csdn.net/hudie_1993/article/details/78211963

   div p 等块模型 规定独占一行 这时候可设置float属性可使块模型在同一行显示

就是说两个div如果只有一个设置了float而另一个没设置则设置float的div会覆盖在另一div上  前提是两个div的宽度小于页面尺寸

设置完clear后是右边的样式

 

2.css里面*{}和body{}区别

  css里面定义*{padding:0px;margin: 0px;}

  * 相当于选择器，代表html所有的元素，包括html标签、body标签等； {}大括号里面写入需要给定的属性和属性值即可。

  在css中一开始写入*{padding:0px;margin: 0px;}，表示初始化所有的标签元素(具有盒子模型)的内外边距均为0px.

 在css里面定义body{padding:0px;margin: 0px;}，body只是一个标签，如果它的子标签和该属性均具有继承性，才会继承这里所设置的属性；(比如：border、padding、margin属性不具有继承性；而color属性具有继承性等)

 

3.文字在容器中垂直居中

line-hight与 盒子的高度设置为相同

4.超链接点击后样式

.nav_mid_left a:link ,nav_mid_left a:visited
 {
     text-decoration:none;
     color: #FFF;
     font-size: 16px;
     font-family: "微软雅黑";
 }
.nav_mid_left a:hover,nav_mid_left a:active
{
    text-decoration:none;
    color: #FF0;
    font-size: 16px;
    font-family: "微软雅黑";
}

link:初始状态                         visited:点击后的状态

hover:移动到上面的状态       active:点击时的状态

 

4.div 居中

 最简便的方法： div设置个宽度然后  margin :5px auto