css部分基础归纳--学习笔记
(1)css不区别大小写;
(2)颜色值:颜色值可以写成RGB格式,如:color:rgb(255,100,0),也可以写成十六进制格式,如:color:#ff0000。如果十六进制的值是成对重复的可以简写,如#ff0000可以写成#f00,如果不重复就不可简写。
(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)群选择器:当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,如:
td, li { font-size : 12px ; }
(5)派生选择器:可以使用派生选择器给一个元素里的子元素定义样式,例如这样:
li strong { font-style : italic; font-weight : normal;}
就是给 li 下面的子元素 strong 定义一个斜体不加粗的样式。
(6)id 选择器:用 CSS 布局可以通过"id 选择器"来定义。格式为:“#”+id的名字,例如:
<div id="mydiv"></div>
然后在样式表里这样定义:
#mydiv {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
id 选择器也同样支持派生,例如:
#mydiv p { text-align : right; margin-top : 10px; }
(7)类别选择器:即class选择器,在 CSS 里用一个点开头表示类别选择器定义,例如:
.14px {color : #f60 ;font-size:14px ;}
在页面中,用 class= "类别名"的方法调用:
<span class="14px">14px 大小的字体</span>