博客9-12css2

最新推荐文章于 2022-12-06 22:12:55 发布

weixin_43887459

最新推荐文章于 2022-12-06 22:12:55 发布

阅读量286

点赞数

文章标签： css2

本文链接：https://blog.csdn.net/weixin_43887459/article/details/100777016

版权

引入CSS样式表

CSS可以写到那个位置？是不是一定写到html文件里面呢？

内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：

<head>
<style type="text/CSS">
    选择器 {
    属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

1.在html5中可以省略，但一般都会写上，比较规范

2.一般放在head标签内，也可以放在其他位置

内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下：

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中，其基本语法格式如下：

<head>
  <link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
</head>

link单标签，放在头部head里面

1.herf，定义外部样式文件的URL，可以是相对路径，也可以是绝对路径

2.type，所连接文档的类型，text/CSS表示是一个css文件

3.rel 定义当前文档和所链接文档的关系，在这里需要指定stylesheet，表示链接的是一个样式表文件

样式表</

关注