HTML-CSS

标签：

1.CSS格式:
  1）行内式：直接在标签中写属性(最常用)
  <hl style="color:red"></hl>
  2）内嵌式：
  <style type="text/css">
    hl{
       color:blue;
    }
  <style>
  3）导入式：导入外部的css文件
  <style type="text/css">
    @import"css文件的存放路径（xxx.css）";
  <style>
  4）链接式：引入外部(最常用) ，最多引用31个css
  <link herf="mystyle.css" rel="stylesheet" type="text/css" />
2.CSS选择器：
  1）标记选择器
  css:
  h1{color:blue;}
  h1表示选择器，color是属性,blue是值.表示页面所有hl都应用这个样式
  2）类别选择器：
  <h1 class="a"></h1>
  css:  
  .a{color:red;}
  表示所有class等于a的标签都应用这个样式
  3）ID选择器：id在页面中唯一，优先级高于类别选择器
  <h1 id="abc" class="a"></h1>
  css:
  #abc{color：yellow} 
  4）交集选择器
  div.special{.....}
  div#special{.....}
  css:
  p.a{color:red}    同时为p标签和class="a"的标签为red  
  p#abc{color:red}  同时为p标签和id="abc"的标签为red
  5）并集选择器
  div h1.first,p.special{....}
  css:
  p,h1{color:red}  为p标签和h1标签为都red
  6）后代选择器
  div h1.first空格span.firstLetter{....}
  <p class="a">今天<font>天气</font>真好。</p>
  <font>今天真不好</font>
  css:
  p空格font{color:red}  表示p标签里面的标签变红
  7）*选择器：代表页面所有标签都变化，相当于body,传说中的通配符
3.css优先级：
  行内>ID样式>类别样式>标记样式
4.css文字样式：
  文本缩进：text-indent:px %cm
  文本对齐：text-align:center/left/right
  色彩：clor:#FFFFFF,grb(255,255,255)
  字体：font-familly：arial,黑体，宋体
  字体大小：font-size
  字体粗细：font-weight:normal bold light
  字体修饰：text-decoration:underline line-through overline none
  大小写：text-transform
  行高：line-height
5.css背景处理：
  背景固定：background-attachment:scroll/fixed
  背景颜色：background-color:red/....
  背景定位：background-position:top/center/bottom/left/right
  背景图像：background-image:url
  背景重复：background-repeat:no-repeat/repeat-x/repeat-y

HTML-CSS

标签：

原文地址：http://www.cnblogs.com/xp12/p/4581510.html