CSS学习总结（1）——基本介绍

CSS介绍

CSS 指层叠样式表 (Cascading Style Sheets)；样式定义如何显示 HTML 元素；样式通常存储在样式表中；把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题；外部样式表可以极大提高工作效率；外部样式表通常存储在 CSS 文件中；多个样式定义可层叠为一个。

• 所有的web页面样式都可以（也应该）从HTML文档中分离出来，建立成一个单独的CSS文件再进行引用。

CSS内联

• 在web文档中直接插入一个CSS是内联样式的使用方法之一。使用内联样式，将CSS应用于单个元素。为了使用内联样式，将CSS属性直接添加到相关标签中。
• 在HTML页面的标题部分将内部样式定义在

  标题

  内联样式

  

  外部引用CSS

  通过这种方法将所有的CSS样式保存在同一个后缀名为.css的拓展文件中。然后通过html标签在HTML页面的部分将CSS文件引入。
  HTML文件

  
  
  
  //引入CSS
  
  
  
      
  标题
      
  
          内联样式
      
  

  CSS文件

  p {
      color:white;
      background-color:gray;
   }
  

  
  相对路径和绝对路径都可以用来定义CSS文件的href。这里使用的是相对路径，因为CSS文件与HTML文件位于同一目录中。

  CSS语法

  CSS是由浏览器解释的样式规则,然后应用于文档中相应的元素。样式规则有三个部分：选择器，属性和值。如 h1 { color: pink; }

  • 选择器要指向需要设置样式的HTML元素。
  • 声明块包含一个或多个用分号分隔的声明。
  • 每个声明都包含一个由冒号分隔的属性名称和值。

  h2{
    color: white;
    background: black;
  }
  

  CSS注释

  注释用于解释代码，浏览器会自动忽略注释。/* 这是注释 */

  h2{
    color: white;
    background: black;
    /*背景是黑色的*/
  }
  

  CSS级联

  网页的最终外观是不同的样式结合的结果。通过样式的三个主要来源形成一个级联：

  • 由页面的作者创建的CSS样式
  • 浏览器的默认CSS样式
  • 浏览页面的用户自定义CSS样式

  CSS继承

  继承是指属性在页面中流动的方式。 除非另有定义，子元素通常会采用父元素的特征。

  
  
  
  
  
  
      
  标题
      
  
          继承了body的color