css部分样式汇总1

 列表:
 * 1、list-style:none;--去掉li标签前面的"·"
 * 2、display:none;--隐藏起来不显示
 * list-style-image: url(地址);//li前面的圆点用图片替换
 
   超链接:
 * text-decoration:none;--去掉链接的下划线
 * text-decoration:underline;设置为下划线
 * a标签中的伪元素
 * 尽量按照这样的使用顺序： L – V – H – A
 * 因为有些浏览器不兼容乱序，必须使用这个顺序
a{
font-size: 30pt;
}
a:LINK{/*超链接未点击状态*/
color: #ff0000;
}
a:VISITED {/*被访问后的状态*/
color: #00ff00;
}
a:HOVER {/*悬停：光标移到超链接上的状态（未点击）*/
color: #0000ff;
}
a:ACTIVE {/*点击超链接时的状态：鼠标按下，未抬起*/
color: #000000;
}


/*p标签中的伪元素--除了有a中的以外，还有一些另外的*/
p{/*先对p有一个总体设置*/
font-family: 华文中宋;
font-size: 27pt;
}


   盒子模型:
 * 4、padding:0px;设置内容与外围边界的间距为0px
 
   表格:
 * 1、border-collapse:collapse;--设置table内部为单线表
 * 4、display:none;--默认为收起详细列表
 * border: solid #00ff00;/*整个表格的边框线，只不过会被后面设置的内容给冲掉*/
 
 /*四条边框线--注意，必须要指定边线的类型，否则不会显示*/
 * border-top: solid 1px #ff0000;/*实线  一个px粗*/
 * border-bottom: dotted;/*点状*/
 * border-left: double;/*双线*/
 * border-right: dashed;/*虚线*/


 * border-collapse: collapse;/*单线表--相邻的边线合并*/
 * border-spacing: 10px;/*设置相邻单元格的边框间的距离(仅用于"边框分离"模式)*/


   文字:
 * 5、text-shadow:red 0px 0px 5px;--阴影效果
 * text-indent:30px;/*缩径*/
 * font-family:字体--如：宋体、隶书、幼圆等
 * font-style:字的风格--如：斜体(italic)、粗体、删除线等
 * font-family: 宋体;
 * font-size: 30px;
 * line-height: 37px;/*行高*/
 * text-indent: 50px;/*第一行距离left的距离*/
 
 
   盒子模型：
 display:none;//隐藏
 display:block;//块级
 display:inline//行级
 
 
 background-image:url("图片路径");