css部分基础归纳--学习笔记

时间:2021-03-08 02:57:03

(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>