在CSS中引入外部样式文件是一种非常有效的方式来组织和管理CSS代码。CSS外部样式文件可以被多个HTML文件引用,这样可以节省大量的时间,而且可以让整个网站的外观保持一致。CSS外部样式文件的使用方法如下:
需要创建一个CSS文件,文件名可以自己指定,但是后缀名必须是.css。在文件中输入CSS代码,这些CSS代码将会被多个HTML文件引用。
在HTML文件的标签中引入CSS文件,使用<link>标签,该标签的href属性指向CSS文件的路径,rel属性指定文件类型,type属性指定文件的MIME类型。例如:
<link href="style.css" rel="stylesheet" type="text/css">
在HTML文件中使用CSS样式,可以使用class属性,也可以使用id属性,class属性可以被多个HTML元素使用,而id属性只能被一个HTML元素使用,例如:
<div class="content"> 这是一个内容框 </div>
在CSS文件中定义样式,使用class属性和id属性,例如:
.content { width: 500px; background-color: #ccc; padding: 10px; }
以上就是在CSS中引入外部样式文件的使用方法,使用外部样式文件可以节省大量的时间,而且可以让整个网站的外观保持一致。
本文链接:http://task.lmcjl.com/news/12828.html