对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如 今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天...
CSS:text-indent(首行缩进)
规定文本块中首行文本的缩进: text-indent:5px; 一般以像素(px)为单位,但是在中文环境下,段落往往首行要缩进2个汉字的距离,一般使用: p { text-indent: 2em; }
CSS:border-radius(圆角边框)
允许为元素添加圆角边框: 通过设置元素的border-radius值,可以给元素设置圆角边框,甚至实现绘制圆(半径+边框宽度)、半圆、四分之一圆等各种圆角图形。默认值为0。 四个角的设置:border...
复(单)选框与文字对齐问题
一般情况下,文字大小为14px;则在浏览器中对齐良好;若文字大小为12px;则出现文字与复选框或者单选框不对齐现象: 不在同一条线上 如图: 解决办法: 1)在单选框或者复选框上设置: vertica...
推荐CSS:几个不太常用的强大选择器
*:通用选择器 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中,例如下面的代码: #container...
推荐CSS:水平垂直居中
当使用top: 50%和left: 50% 是以左上角为原点,故不处于中心位置,可以用translate()实现水平垂直居中。 translate()是css3的新特性,在不知道自身宽高的情况下,可以...
CSS:利用伪类为文字两边添加横线
:before,:after:CSS伪类是用来添加一些选择器的特殊效果。 使用css3的伪类,即相当于是在一个div中写入文字,然后在它前后各加了一个div,然后进行位置及宽高。 <!DOCTY...