CSS（一）

概念：

  1. CSS 指层叠样式表 (Cascading Style Sheets)，是一种标记语言。由三部分构成：选择器、属性和值： selector {property: value;} 
  2. CSS的声明是键值对成对出现，属性和值被冒号分开，声明总是以分号(;)结束。
  3. CSS的注释跟HTML的不一样，HTML的是<!--注释-->，而CSS的注释跟C语言的注释一样/*注释*/。

选择器：

  • id选择器： id 选择器以 "#" 来定义。
  • class选择器：class 选择器以一个点"."号显示
 1 <style>
 2 #abc{ /*属性不要以数字开头*/
 3     text-align:center;
 4     color:red;
 5 }
 6 .juzhong{
 7     text-align:center;
 8 }
 9 h4.kaoyou{
10     text-align:right;
11 }
12 </style>
13 <p id="abc">#声明的为id选择器</p>
14 <p>不做任何改变</p>
15 <p class="juzhong">.声明证明是class选择器</p>
16 <h4 class="kaoyou">h4.声明只能用来修饰h4标签</h4>

 

插入样式表的方法有三种:

  • 外部样式表：当样式需要应用于很多页面时。
  • 内部样式表：单个文档需要特殊的样式时。
  • 内联样式：当样式仅需要在一个元素上应用一次时。

样式表的优先级：（从低到高）

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表（位于 <head> 标签内部）
  4. 内联样式（在 HTML 元素内部）

 

posted @ 2016-11-04 15:13  桩子  阅读(218)  评论(3)    收藏  举报