CSS入门

一、什么是 css

层叠样式表 (Cascading Style Sheets,缩写为 CSS), 是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

CSS 是开放网络的核心语言之一,由 W3C 规范进行标准化。CSS 被分为不同等级:CSS1 现已废弃, CSS2.1 是推荐标准,CSS3分成多个小模块且正在标准化中。

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

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

二、css 语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是希望设置的样式属性(style attribute)。

每个属性有一个值。属性和值被冒号分开。

CSS声明总是以分号(;)结束,声明组以大括号({})括起来。

为了让CSS可读性更强,你可以每行只描述一个属性。

三、css注释

CSS注释以 "/" 开始, 以 "/" 结束,用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。

四、css的使用

插入样式表的方法有三种:

外部样式表(External style sheet)

内部样式表(Internal style sheet)

内联样式(Inline style)

(一)外部样式表

当样式需要应用于很多页面时,外部样式表将是理想的选择。

在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观。

每个页面使用 标签链接到样式表。 标签在(文档的)头部。

外部样式表可以在任何文本编辑器中进行编辑。

文件不能包含任何的 html 标签。

样式表应该以 .css 扩展名进行保存。

浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

(二)内部样式表

当单个文档需要特殊的样式时,就应该使用内部样式表。可以使用 标签在文档头部定义内部样式表,就像这样:

(三)内联样式

由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势,请慎用!

当样式仅需要在一个元素上应用一次时。

要使用内联样式,需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。

例如:

(四)样式优先级

样式表允许以多种方式规定样式信息。样式可以在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

一般情况下,优先级如下:

内联样式 > 内部样式 >外部样式> 浏览器默认样式

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180209G0UXL200?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券