CSS的语法格式是什么?
当前位置:贝知网>知识分享>设计开发>CSS的语法格式是什么?
CSS的语法格式是什么?
时间:2022-09-12 设计开发

CSS的语法格式是什么?

CSS的语法格式

网页中常用的CSS规则主要是由两个主要部分构成,即选择器和一条或多条声明:selector

{property:value};其每条声明由一个属性和一个值组成。以下是关于CSS的语法格式的具体介绍。

一、CSS的语法格式

CSS规则由两个主要部分构成,即选择器和一条或多条声明:

selector {property:value}

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

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

③属性(property)是希望设置的样式属性(style atribute)。每个属性有一个值。属性和值用冒号隔开。

二、什么是css

CSS指层叠样式表(Cascading Style Sheets),是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

它是一项“崭新”的“老技术”,早在1996年,它就用于对HTML页面和部分元素进行控制,而直到近年,CSS才被全面用于控制显示HTML元素。

外部样式表通常存储在CSS文件中,通过链接或导入外部样式表等方法,把样式添加到HTML中,解决了内容与表现分离的问题,极大提高了工作效率。

三、网页使用css样式的方式

链接外部样式文件:这种方式将样式文件彻底与HTML文档分离,祥式文件需要额外引入。在这种方式下,一批样式可控制多份文档。

导入外部样式文件:这种方式与上一种方式类似,只是使用@import来引入外部样式单。

使用内部样式定义:这种方式是通过在HTML文档头定义样式单部分来实现的。在这种方式下,每批CSS样式只控制一份文档。

使用内联样式:这种方式将样式内联定义到具体的HTML元素,通常用于精确控制一个HTML元素的表现。在这种方式下,每份CSS样式只控制单个HTML元素。

CSS的优势是什么

1、CSS的优势

CSS文档是一种文本文件,可以使用任何一种文本编辑器对其进行编辑,通过将其与HTML文档的结合,真正做到将网页的表现与内容分离。即便是一个普通的HTML文档,通过对其添加不同的CSS规则,也可以得到风格迥异的页面。

使用CSS美化页面具有如下优势:

(1)表现(样式)和内容(结构)分离。

(2)易于维护和改版。

(3)缩减页面代码,提高页面浏览速度。

(4)结构清晰,容易被搜索引擎搜索到。

(5)更好地控制页面布局。

(6)提高易用性,使用CSS可以结构化HTML。

2、CSS的局限性

CSS的功能虽然很强大,但是也有某些局限性。CSS样式表的主要不足是,其只对文档中的显示内容起作用。

另外,显示顺序在某种程度上可以改变,可以插入少量文本内容,但是如果要在源HTML中做较大改变,则需要使用另外的方法,例如,使用XSL转换。

CSS样式表比HTML出现得要晚,这就意味着一些较老的浏览器不能识别使用CSS编写的样式,并且CSS在简单文本浏览器中的用途也很有限,例如,为手机或移动设备编写的简单浏览器等。

另外,浏览器支持的不一致性也导致不同的浏览器显示出不同的CSS样式。