CSS收集

1、CSS划一条实线/虚线？

实线：

<hr size="1" style="background-color: #f2f2f2; height: 2px; width: 679px; margin:0 auto; font-size:0px;"/>

虚线：

<hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/></div>

2、去掉li标签前面的圆点？

li {list-style-type:none;}

3、去掉超链接下面的下划线？

<style type="text/css">
　　　　 <!--
　　　　 a:link { text-decoration: none;color: blue}
　　　　 a:active { text-decoration:blink}
　　　　 a:hover { text-decoration:underline;color: red}
　　　　 a:visited { text-decoration: none;color: green}
　　　　 -－>
</style>

4、在网页中设置不同的两个CSS来控制不同的超链接？？

<style>
A:visited{TEXT-DECORATION:none;COLOR:#009999}
A:link{text-decoration:none}
A:hover{TEXT-DECORATION:COLOR:#FF0000;FONT-WEIGHT:bold;FONT-STYLE:italic}
A.1:link{text-decoration:none}
A.1:visited{TEXT-DECORATION:none;COLOR:#000000}
A.1:hover{TEXT-DECORATION:none;COLOR:#FFffff;FONT-WEIGHT:bold;FONT-STYLE:italic}
//上面这句TEXT-DECORATION:没有赋值
</style>

<a class="1" href=".....">adfadfas</a>

class引用自定义类时，要直接用类名，就是.后面的部分，尽管我不知道用纯数字直接去定义会不会有bug，不过，用含有字母的字串去定义应该是个好的习惯。

定义的顺序是link,visited,active,hover,为了页面的美观，一般只用link和hover就可以了

5、每行栏目前面加个图片的样式？

#right2_text li {
list-style-type: none;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 25px;
text-align: left;
padding-left: 15px;
background-image: url(../images/sanjixs/ico1.png);     /**指定的图片路径**/
background-repeat: no-repeat;
background-position: 5px 12px;
font-family: "宋体";
}

6. IE6 IE7 Firefox外边距控制字体位置？

实例如下：

style='display:block;float:left;margin-left:380px;margin-top:-20px;*margin-left:380px!important;*margin-top:-20px;*margin-left:190px;*margin-top:-20px;'

7. 通过ul控制li使li内容左对齐且控制其位置(居中或相对位置)？

.pagelist {
list-style-type:none;
float:left;
padding-left: 150px;
}

.pagelist li{
float:left;
letter-spacing:2px;
}

注：pagelist是ul的样式

8. 怎样实现CSS里的DIV居中对齐？

我用div画一条线，需要把这个div设为居中，如下：

.channelMain_line {
CLEAR: both; FONT-SIZE: 1px; border-top:1px solid #cccccc; LINE-HEIGHT: 1px; HEIGHT: 1px;margin:0 auto; width:980px;
}

调用：<div class="channelMain_line"></div>

9. 两个层对齐的实现方法及原理?

实现的原理： 假设apDiv1是外面的层，apDiv2，apDiv3是里面的，给apDiv2，apDiv3 设置浮动为左就可以了，

还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是，apDiv3会跑到apDiv2下面，这时可以改它们的宽度。
#apDiv1 {
position:absolute;
left:21px;
top:14px;
width:585px;
height:282px;
z-index:1;
background-color: #0000FF;
}
#apDiv2 {
float:left;
width:242px;
height:98px;
z-index:2;
background-color: #993300;
}
#apDiv3 {
float:left;
width:254px;
height:113px;
z-index:3;
background-color: #CCCC00;
}10. html插入视频标签？<embed src="http://player.youku.com/player.php/sid/XMTE5ODYxMDEy/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed>11. html版权符号？和特殊符号？1. &copy;2. Dreamweaver中插入\HTML\特殊字符\版权 或在文本工具组里最右边的BR下拉选项里:可以找到.其它特殊的符号都在这里面有。选择后查看源码，找到对应的符号表示代码。12. 图片背景样式使用实例。#left1_bottom_l li {
padding-left:10px; /*相对位置,相关用法:padding-left padding-top padding-right*/
font-size: 12px; /*字体的大小*/
line-height: 22px; /*文字的高度*/
text-align: left; /* 文字显示位置控制 left center */
list-style-type: none; /*去掉li前面的默认小黑点*/
background-position: 0px; /*定位背景图像位置*/
background-image: url(../../images/pindao/dian.png); /*设置背景图像*/
background-repeat: no-repeat; /*图片是否重复*/
}13、 隐藏html控件的样式怎么写？<div id="divcar" style="VISIBILITY: hidden">14、 浏览器兼容？方式一：.sysuser_group{width:150px;*width:145px;_width:145px;}方式二：.sysuser_group{width:150px;}
*html .sysuser_group{width:145px;}

*+html .sysuser_group{width:145px;}

最新：

#test{

color:red; /* 所有浏览器都支持 */ 

color:red !important;/* Firefox、IE7支持 */

_color:red; /* IE6支持 */

*color:red; /* IE6、IE7支持 */

*+color:red; /* IE7支持 */

color:red\9; /* IE6、IE7、IE8支持 */

color:red\0; /* IE8支持 */

}

15、 图片下面有空隙的方法？症状：在图片下面有个空白块。如果用到border就在border的最底层解决方法：在图片的css中加 vertical-align:bottom;16、 怎样一个层覆盖在另一个层上面？层覆盖？在覆盖层的CSS属性里面加上，position:absolute;或position:fixed;记住是覆盖层不是被覆盖层，就具体实现原理可以参考，CSS帮助手册上面有详细说明。absolute与fixed的区别也可以在CSS覆盖属性上面看到。17、去掉input的边框变为一条下划线？<input name="btnname" value="" style="border-style: none none solid;border-width: 0 0 1px;" /> 18、div怎么居中对齐？#center
{
   margin-right: auto;
   margin-left: auto;        
}