当前阅读教程:CSS入门到精通 > 外部样式表 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: CSS 创建 | 下一篇: 内部样式表 |
当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档 的)头部: <head> <link rel="stylesheet" type="text/css" href="外部样式.css"> </head> 浏览器会从文件“外部样式.css ”中读到样式声明,并根据它来格式文档 。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。 下面我来做一个完整的示例mycss01.css ,我们先建立一个外部样式,命名为“”,代码如下: @charset "utf-8"; /* 定义一个样式名称red:字体为红色 */ .red{color: red;} 完整代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>外部样式表</title> <!--引入外部样式,样式文件和html页面在同一个目录--> <link rel="stylesheet" type="text/css" href="mycss01.css"> </head> <body> <p>默认内容:黄菊华(黑色字)</p> <!--使用外部样式表中的样式“red”--> <p>使用外部样式表:红色字</p> </body> </html> 效果图不要在属性值与单位之间留有空格(如:"margin-left: 20 px" ),正确的写法是 "margin-left: 20px" 。 |
|
上一篇: CSS 创建 | 下一篇: 内部样式表 |