网页CSS

CSS

样式表，（分三类：内联、内嵌、外部）

1，内联，

直接作于于 元素

例:   <p style="font-size:14px;">

2，内嵌

作用于网页

首先建立个独立的样式区域， 必须写在head里面

例：

 <style type="text/css">
 p        //格式对p标签起作用
 {
    样式
 }
 </style>

3，外部样式

作于于整个网页

外部网样式表存放于CSS文件中，所以要新建个CSS文件。

然后可以按照内嵌的样式书写

选择器。

1，标签选择器，样式名直接写成标签的名字

  <style type="text/css">
  p        //格式对p标签起作用
  {
     样式
  }
  </style>

2，选择器， 样式名以. 开头 引用 class="yangshi"

 <style type="text/css">
   .yangshi        //格式对p标签起作用
 {
    样式
 }
 </style>

3,ID选择器，开头#  引用 id="样式"

 <style type="text/css">
 #yangshi      //格式对p标签起作用
 {
    样式
 }
 </style>

4，复合选择器，

1）并列关系， 用 ， 隔开。两个样式名同时起作用。

 <style type="text/css">
 p，yangshi        //格式对p标签起作用
 {
    样式
 }
 </style>

2)表示后代 ， 用 空格 隔开，  在p里面的样式yanshi起作用

 <style type="text/css">
 p 、yangshi      //格式对p标签起作用
 {
    样式
 }
 </style>

3）筛选， 用.     在标签p中 class=yangshi的标签 起作用

 <style type="text/css">
 p.yangshi        //格式对p标签起作用
 {
    样式
 }
 </style>