CSS的几种选择符
应用样式的方法有三种:外部(external)、内部(internal)和内联(inline)。其中前两者的基本格式为:
selector { property : value; }
CSS中可以使用不同的selector(选择符)来应用样式,如下:
1.
类型选择符
p{
color : blue ;
}
将样式应用于所有<p>元素。
NB:有些元素会继承父元素的属性值。例如,段落里的文字被设为蓝色,则该段落里em元素内的文字颜色也是蓝色。
2.类选择符
.warning{
font-weight : bold ;
}
<ul>
&n
相关文档:
看到问此问题的很多,所以花点时间整理下,欢迎大家提意见,做补充修改,谢谢!
/*lesliezmz整理的方法 2010-01-19*/
当writing-mode为tb-rl 时,文档流是从上到下,从右到左书写。然后设置text-align: center就可以实现垂直方向上的居中。算是一个小技巧吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ......
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中,margi ......
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性,IE6以上版本、Safari、chrome 支持。它可以带2个参数:
clip [不显示省略标记(...),而是 ......
注明:如果要想要在IE6无限级的话需要写多一些JS,其他游览器都可以使用同段js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equ ......
这是一个标准的CSS下拉菜单制作教程,有针对目前流行的IE6/IE7/IE8不同版本的CSS代码,因此可以在IE之间完全兼容,不过其它的浏览器像火狐/GG浏览器之类的没有测试,如果兼容IE8的话,那么兼容火狐应该问题不大吧。菜单使用蓝色基调,滑向二级菜单更换背景,操作的感觉很舒服。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......