1、文本垂直居中:line-height:XXpx;
2、Flash透明:wmode="transparent"
3、文本首行缩进:text-indent:28px;
去掉背景前的文字:text-indent:-9999px;
4、布局全局居中:
body{
width:XXpx;(此处为需要的内容的宽度)
margin:0 auto;
}
5、清除浮动:clear:both;
6、调整li的长度高度:默认不能调,转换:display:inline-block;此功能IE8以上支持。
兼容型:调整li宽高后做左浮动(li默认为区块)。
7、超链接做成“块”:display:inline-block;(内联块),之后调整宽高布满即可。
8、去掉超链接下划线:text-decoration:none;
加上下划线:text-decoration:underline;
9、字体加粗:font-weight:bold;
不加粗:font-weight:normal;
10、图片提示:<img src="XX" alt="提示内容">
11、切割后的图片的拼接:插入后按照顺序写在一行即可拼接,或者转换为block(默认为inline-block)后浮动
12、ul在固定区域内溢出的处理:设定ul的高height固定,然后将属性overflow值设为auto即可
13、取出超链接虚线框:在链接属性加上οnfοcus="this.blur()",例如:<a href="http://www.5icool.org" οnfοcus="this.blur()">酷站代码</a>
CSS琐碎记录
最新推荐文章于 2025-04-24 21:22:21 发布