好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css基础

1.基本语法规范

分析一个典型 css 的语句:
p {color:#ff0000;background:#ffffff}
·其中 "p" 我们称为 " 选择器 "(selectors) ,指明我们要给 "p" 定义样式;
·样式声明写在一对大括号 "{}" 中;
· color 和 background 称为 " 属性 "(property) ,不同属性之间用分号 ";" 分隔;
· "#ff0000" 和 "#ffffff" 是属性的值 (value) 。

2. 颜色值
颜色值可以用 RGB 值写,例如: color : rgb(255,0,0) ,也可以用十六进制写,就象上面例子 color:#FF0000 。如果十六进制值是成对重复的可以简写,效果一样。例如 :#FF0000 可以写成 #F00 。但如果不重复就不可以简写,例如 #FC1A1B 必须写满六位。

3. 定义字体
web 标准推荐如下字体定义方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体 ,sans-serif; }
字体按照所列出的顺序选用。如果用户的计算机含有 Lucida Grande 字体,文档将被指定为 Lucida Grande 。没有的话,就被指定为 Verdana 字体,如果也没有 Verdana ,就指定为 Lucida 字体,依此类推,;
· Lucida Grande 字体适合 Mac OS X ;
· Verdana 字体适合所有的 Windows 系统;
· Lucida 适合 UNIX 用户
· " 宋体 " 适合中文简体用户 ;
如果所列出的字体都不能用,则默认的 sans-serif 字体能保证调用 ;

4. 群选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,:
p, td, li { font-size : 12px ; }

5. 派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,例如这样:
li strong { font-style : italic; font-weight : normal ; }
就是给 li 下面的子元素 strong 定义一个斜体不加粗的样式。

6.id 选择器
用 CSS 布局主要用层[ div ]来实现,而 div 的样式通过[ id 选择器]来定义。例如我们首先定义一个层

查看更多关于css基础的详细内容...

  阅读:24次