当前位置: 网站建设 > 网页设计 > 建站经验 >

如何插入CSS样式表

时间:2013-03-02 03:59来源:未知 作者:admin 点击:

标签:如何插入CSS样式表 外部(11)样式(83)如何(201)留神(14)CSS(655)有些(8)链入(1)版本(8)插入(1)
1. 链入外部样式表 留神:有些低版本的浏览器不能识别style标记,这象征着低版本的浏览器会疏忽style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了防止这样的情形产生,我们用加HTML解释的方法(!-- 正文 --)暗藏内容而不让它显示: hr {color: sienna} p {margin-left: 20px} body {background-image: url(images/back40.gif)} /*定义程度线的色彩为土黄;段落左边的空缺边距为20象素;页面的
如何插入CSS样式表》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340532013.htm

1. 链入外部样式表

留神:有些低版本的浏览器不能识别style标记,这象征着低版本的浏览器会疏忽style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了防止这样的情形产生,我们用加HTML解释的方法(<!-- 正文 -->)暗藏内容而不让它显示:

hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/*定义程度线的色彩为土黄;段落左边的空缺边距为20象素;页面的背景图片为images目录下的back40.gif文件*/

前面咱们懂得了CSS的语法,但要想在浏览器中显示出后果,就要让浏览器辨认并调用。当阅读器读取样式表时,要按照文本格局来读,这里先容四种在页面中插入样式表的方式:链入外部款式表、内部样式表、导入表面样式表跟内嵌样式。

一个外部样式表文件能够利用于多个页面。当你转变这个样式表文件时,所有页面的样式都随之而改变。在制造大批雷同样式页面的网站时,十分有用,不仅减少了反复的工作量,而且有利于当前的修正、编纂,如何提高用户对网站的信任度,浏览时也减少了重复下载代码。

<head>
……
<,如何提高文章类网站的用户黏度;style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
……
</head>

内部样式表是把样式表放到页面的<,如何提升网站关键词排名;head>区里,这些定义的样式就运用到页面中了,样式表是用<style>标记插入的,从下例中可以看出<style>标记的用法:

2. 内部样式表

样式表文件可以用任何文本编辑器(例如:记事本)翻开并编辑,如何把网站搜索功能发挥到最大,个别样式表文件扩大名为.css。内容是定义的样式表,不包括HTML标记,mystyle.css这个文件的内容如下:

上面这个例子表现浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”是指在页面中应用这个外部的样式表。type=”text/css”是指文件的类型是样式表文本。href=”mystyle.css”是文件所在的地位。media是抉择媒体类型,这些媒体包含:屏幕,纸张,语音合成设备,盲文浏览装备等。

--> [网站建设之]如何插入CSS样式表

<head>
……
<style type="text/css">
<!--
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
-->
</style>
……
</head> Tag:如何   插入   样式    

链入外部样式表是把样式表保留为一个样式表文件,而后在页面顶用<link>标志链接到这个样式表文件,这个<,如何打造网站高性能的核心优势;link>标记必需放到页面的<head>区内,如下:

<head>
……
<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">
……
</head>
(责任编辑:网站建设)
如何插入CSS样式表相关文章
上一篇:如何提高用户对网站的信任度 下一篇:如何更好的建好一个论坛
回到顶部