CSS外链基本写法
什么是CSS外链?
CSS外链是指将CSS样式表文件与HTML文件分离,使得样式文件可以在多个html文件中共用,提高了文件的可重用性和可维护性。
CSS外链的基本写法
在HTML文件中,可以通过link标签来引入外部的CSS样式表,基本写法如下:
其中,rel属性用于指定文档与链接之间的关系,type属性用于指定被链接资源的MIME类型,href属性用于指定样式表文件的路径。
如何确定样式表文件路径?
样式表文件路径可以是相对路径或绝对路径。如果样式表文件在当前html文件所在的目录下,则采用相对路径,可省略域名和协议头;否则采用绝对路径,需指定完整URL包括域名和协议头。比如:
//相对路径 //绝对路径
如何取消CSS外链
为什么需要取消CSS外链?
取消CSS外链通常是因为需要在某个html文件中单独定义样式,不受已外链样式的干扰。
CSS内嵌的写法
可以在HTML文件的head区域内使用style标签来定义CSS样式,称为内嵌式,写法如下:
<style type=\"text/css\"> .title {font-size: 24px; font-weight: bold; color: #f00;} </style>
CSS局部样式的写法
可以给标签添加style属性来定义CSS局部样式,该样式仅在当前标签内有效,写法如下:
<p style=\"font-size: 16px; color: #333;\">这是一行文本</p>
CSS重写已外链样式的写法
可以使用!important规则来重写已外链样式,如:
.title {font-size: 24px !important;}
注意:使用!important应该尽量避免,因为会导致样式优先级的混乱,不易维护。