首页 > 文章 > CSS 用法和特性

CSS 用法和特性

一、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、继承性

时间:2019-06-25 23:14:33阅读(18)
联系我们 - 留言反馈
© 2017 版权所有 鲁ICP备17052893号