CSS 用法和特性

Posted 2022-02-12 niujifei

一、CSS 基本用法

　　1、CSS 样式语法

　　　　样式是 CSS 最小的语法单元，每个样式包含两部分内容：选择器和声明（规则）。

　　　　语法：

  p font-size:12px; color:#333　

　　　注意：

• • 　选择器（Selector）：告诉浏览器该样式将作用域页面中哪些对象。浏览器解析这个样式时，根据选择器来渲染对象的显示效果。
    
  •     声明（Declaration）：声明可以增加一个或多个，这些声明命令浏览器如何如渲染选择器指定的对象。声明必须包括：属性和属性值，并用分号来标识结束，最后一个声明可以省略分号。
  •     属性（Property）：属性是 CSS 提供的设置好的样式选择，能直观标识属性所要设置样式的效果。
  •     属性值（Value）：属性值是用来显示属性效果的参数，可以是数值、单位或者关键字。

　　2、CSS 应用

　　　　CSS 样式代码必须保存在 .css 类型的文本文件中，或者放在html 文件的 <style> 标签中，或者插在标签的 style 属性中。

　　　　CSS 样式应用的方法主要包括4种：行内样式、内嵌式、链接式以及导入式。

　　　　（1）行内样式

　　　　（2）内嵌式

　　　　（3）链接式

　　　　（4）导入样式

　　3、CSS 样式表

　　　　一个或多个 CSS 样式可以组成一个样式表。样式表包括内部样式表和外部样式表。

　　　　（1）内部样式表

　　　　　　内部样式表包含在 <style> 标签内，一个 <style> 标签就表示一个内部样式表。而通过标签的 style 属性定义的样式属性不是样式表。

　　　　（2）外部样式表

　　　　　　当把 CSS 样式文件放置在 html 文档外部的文件中，称为外部样式表。一个 CSS 样式文档就表示一个外部样式表。实际上，外部样式表就是一个扩展名为 .css 的文件。

　　　　　　Tips: 可以使用  @charset "字符集"  来为 css 文件设置字符编码，如果不声明，则浏览器会根据 HTML 文件的字符编码来解析 CSS 代码。

　　4、导入外部样式表

　　5、CSS 注释

二、CSS 特性

　　1、层叠性

　　2、继承性