DW中常用css样式四种类型详细解析说明?
1、外部样式
格式:<link type="text/css" rel="stylesheet" href="css路径" />
举例:<link type="text/css" rel="stylesheet" href="layout.css"/>
用处:这种形式是把css单独写到一个css文件内,然后在源代码中以link方式链接。它的好处是不但本页可以调用,其它页面也可以调用,是最常用的一种形式。
备注:Rel:指明连接的是什么文件; Type:指明引入的文件的格式类型; Href:指明文件的路径,以引入文件为基准的相对路径。
2、内部样式
格式: <style type="text/css">选择器 {声明1、声明2………}</style>
这样的话,该文件中的所有P标签都将应用该style样式,而不需要在没一个html标签中写。
用处:这种形式是内部样式表,它是以<style>和</style>结尾,写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面
3、举例:
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
在一个html中嵌套几个css样式文件要怎么做?
CSS样式的引用方式有三种:行间样式表、内部样式表、外部样式表。 嵌套多个css样式需要使用外部样式表,所以这里就不详细介绍了。 外部样式表是CSS应用中最好的一中形式,它将CSS样式代码单独放在一个外部文件中,再由网页进行调用。多个网页可以调用一个样式文件表,这样能够实现代码的最大限度的重用及网站文件的最优化配置,格式如下<html> <head> <title>外部样式表</title> <link rel="stylesheet" rev="stylesheet" href="style.css"> </head> <body> <h1>我的CSS样式。</h1> </body></html> 在style.css中的代码为h1{font-size:12px; color:#000FFF }我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式,并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。要嵌入多个样式表,需要多调用几次,例如:<link rel="stylesheet" rev="stylesheet" href="style.css"><link rel="stylesheet" rev="stylesheet" href="style2.css"><link rel="stylesheet" rev="stylesheet" href="style3.css">
还没有评论,来说两句吧...