cuteaddanina

再看,再看,就把你吃掉

 

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)    收藏  举报

导航