CSS的几种选择符
应用样式的方法有三种:外部(external)、内部(internal)和内联(inline)。其中前两者的基本格式为:
selector { property : value; }
CSS中可以使用不同的selector(选择符)来应用样式,如下:
1.
类型选择符
p{
color : blue ;
}
将样式应用于所有<p>元素。
NB:有些元素会继承父元素的属性值。例如,段落里的文字被设为蓝色,则该段落里em元素内的文字颜色也是蓝色。
2.类选择符
.warning{
font-weight : bold ;
}
<ul>
&n
相关文档:
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性,IE6以上版本、Safari、chrome 支持。它可以带2个参数:
clip [不显示省略标记(...),而是 ......
css获取页面中心位置
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......
CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来,且一定要有值
每个标签都要有开始和结束,且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1> ......
本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键.
注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用 ......
注明:如果要想要在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 ......