CSS样式 到底是什么意思 能有什么效果

html-css011

CSS样式 到底是什么意思 能有什么效果,第1张

分类: 烦恼

问题描述:

网页制作里的 CSS样式 到底是什么意思 用了之后能有什么效果?

解析:

CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

如何将样式表加入您的网页

你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

1. 链入外部样式表文件 (Linking to a Style Sheet)

你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：

<head>

<title>title of article</title>

<link rel=stylesheet href="det/rainer.css" type=text/css>

</head>

而在XML中，你应该如下例所示在声明区中加入：

<? xml-stylesheet type=text/css href="det/rainer.css" ?>

定义内部样式块对象 (Embedding a Style Block)

你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。

示例如下：

<>

<style type=text/css>

<!--

body {font: 10pt "Arial"}

h1 {font: 15pt/17pt "Arial"font-weight: boldcolor: maroon}

h2 {font: 13pt/15pt "Arial"font-weight: boldcolor: blue}

p {font: 10pt/12pt "Arial"color: black}

-->

</style>

<body>

请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。

2. 内联定义 (Inline Styles)

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

示例如下：

<p class="page_speeder_817578762">这一行被增加了左右的外补丁<p>

样式表语法 (CSS Syntax)

Selector { property: value }

参数说明：

Selector -- 选择符

property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号()隔开

继承的值 (The ' Inherit ' Value)

每个属性都有一个指定的值：Inherit。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。

上面这些可能对于初学者来说还不太好理解，但主要是明白CSS就相当于网页的衣服一样，学会用了就好办。WEB标准提倡样式（即CSS）与结构（HTML，XML等）分离，所以学会CSS的应用就显得更加重要了。

“css的样式规则是:由选择器和声明块两个基本部分组成的。选择器决定为哪些元素应用样式声明块定义相应的样式,它包含在一对花括号内,有一条或多条声明组成,而每一条声明则由一个属性和一个值组成,中间用冒号隔开

CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。

CSS样式主要包含以下三种类型：

1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

例：<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。

例：<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

3、外部样式（外联样式）：写在css文件内。

例：<link type="text/css" rel="stylesheet" href="css/main.css" />

扩展资料：

使用CSS样式的优点：

CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从HTML或XML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。

此外，站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。

只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。

参考资料来源：百度百科-CSS