Web003(外部样式表)
这篇文章主要讲外部样式表。
CSS外部样式表怎样使用🥰
外部样式表,单独存放在一个CSS文件里。有很多优点。
例子:在vscode下
创建一个ddd.css文件,再创建一个d.html文件
然后在html文件中的head里面,加上如下语句:
<link rel="stylesheet" type="text/css" href="ddd.css">
效果如下:

页面效果如下图:

关于外部样式表链接语法详细讲解:
<link rel="stylesheet" type="text/css" href="ddd.css">
1、href=""内部的就为css文件的地址一般以英文命名,比如 base.css或者style.css等等。
2、rel="stylesheet" type="text/css" 这是w3c的标准,固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。
我们在网站建设中,一般都会使用外部式写法,一来可以做到代码分离,有助于后期的修改维护;二来可以减少页面代码的冗余,有助于优化。
posted on 2025-03-04 14:31 Adda...nina 阅读(29) 评论(0) 收藏 举报
浙公网安备 33010602011771号