初识CSS

  级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。

  在牛腩新闻发布系统中，往往需要创建web窗体，也就是我们经常看到的网站的网页。通过这个窗体可以对网页的内容进行编写。如果在web窗体中，每一个文本框或label都有样式，那么在以后更改会是一件费力的活动，灵活性就很差，这时就出现了CSS。CSS将网页的内容和样式进行分离，更改样式直接在CSS中更改即可。这正如我们常说的“高内聚低耦合”一样，窗体与样式表互相分离，两者之间只是通过样式连接的代码相连。

   Id选择器：

   在web窗体的源码中，针对某个元素如下声明：

<div id=”special”>今天天气不错</div>

如果我们想对“今天天气不错”6个字进行颜色的更改，只需在CSS中编写

 #special{
   Color:#00f;
 }

类选择器：

类选择器允许以一种独立于文档元素的方式来指定样式。

该选择器可以单独使用，也可以与其他元素结合使用

 如上面的代码一样，我们只需更改id即可：

 <div class=”special”>今天天气不错</div>

 在CSS中样式编写如下：

 .special{
  Color:#00f;
}

采用相应的CSS样式

例如：

<ul>

      <li>首页</li>

      <li>体育新闻</li>

      <li>财经新闻</li>

      <li>社会新闻</li>

 </ul>

li{
  text-align:center;
   margin:20px;
}

Id选择器与类选择器的区别：

  Id选择器声明时候必须带有id,同时这个名字例如上文：special，只允许在文中出现一次，而类选择器声明需要带有class，它的名称可以赋予多元素共同使用。

  在CSS中编写样式时，id选择器以“#名称”开头，而类选择器以“.名称”开头。

  初识div+CSS，希望以后的学习中能够熟练使用它们。