CSS学习笔记——CSS选择器样式总结

<style type="text/css">

* { padding:0; margin:0; }

.box h2 {

　　//内边距左边的距离
　　padding-left:10px;

　　//内边距左边的距离
　　padding-right:10px;

　　//边框有无、宽度和颜色

　　border: 1px solid #000;

　　//背景的高度
　　height:100px;

　　//背景的宽度
　　width: 100px;

　　//背景颜色
　　background:#87b0e1;
　　line-height:30px;

　　//文字的颜色
　　color:#fff;

　　//文字的大小
　　font-size:14px;

　　//文字左右对其，可以使得div横向排列
　　float:left;

 

　　//去掉a标签的下划线

　　text-decoration: none;

　　//在ul里面写去掉li前面的小圆点

　　list-style-type: none;

　　//relative定位的时候使用width会影响上一级元素的width，把上一级元素的宽度撑大，absolute不会

　　　　在a{}中使用width是文本的宽度，在ul中使用时ul的宽度，即是所有li的宽度的和

　　　　在a{}中使用width要使用display：block

　　position：relative和absolute

 

　　//h1标签的默认大小为200%

　　//h2标签的默认大小为150%

　　//h3标签的默认大小为115%

 

　　//使用text-align对容器内的容器进行居中的时候，需要在内部容器中的文字的属性上加上display：none，否则不能居中，比如<p><a href="#">菜 单</a></p>,

　　需要在.box p a的属性中加上display：none和text-align：center

　　//在给内部的a标签加上了width和height之后，居中的效果将失效，要再加上margin：0 auto才能使得居中的效果再次显示出来

 

　　//图像的左侧和右侧均不允许出现浮动元素：

　　//使用clear：both

 　　

　　//设置元素的位置坐标的时候要修改position:absolute，否则修改坐标位置不发生改变

 

　　//使用jquery的show()方法的时候，要先在css中加上display:none；才能使用.show("fast");

 

　　//给label设置了宽度后，想要使得label的内容在这一宽度范围中向右对其，要写float：left;text-align:right;

 

　　//使用top=0;left=o;right=0;bottom=0;margin=auto;positon:absolute;来使得元素在页面中处于中心

 

}
</style>