CSS基础语法

来源：互联网发布：点赞赚钱软件编辑：程序博客网时间：2024/06/09 19:05

1.CSS 概述

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

2.层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。

3.CSS基础语法

css规则主要由两部分构成：选择器和一条或多条声明。

选择器是需要改变样式的元素，声明由属性和值构成。

声明被花括号包围。

属性和值之间用冒号隔开。

不同属性之间用分号隔开。

如果值为若干个单词，则必须给值加引号。

花括号内，每行只描述一个属性，这样可以增加可读性。

是否包含空格不会影响css效果，css对大小写不敏感，但与html 连用时，class 和id名称对大小写是敏感的。

例如