首页 > Web开发 > 详细

CSS的4种引入方式

时间:2020-01-05 16:55:50      阅读:83      评论:0      收藏:0      [点我收藏+]

1.直接引用,将style作为标签的属性

2.将style写为标签作为head的一部分

3.通过<link>引入css外部文件

4.通过import 导入css外部文件

for example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入css的第2种方式: div---通过选择器选择的标签,color---属性名,red--属性值-->
<!--<style>-->
<!--div{-->
<!--color:red;-->
<!---->
<!--}-->
<!--</style>-->
<!--引入css的第3种方式-->
<!--<link type="text/css" href="css_text.css" rel="stylesheet">-->
<!--引入css的第4种方式-->
<style>
@import ‘css_text.css‘;
</style>


</head>
<body>
<!--引入css的第一种方式-->
<p style="color:red;background-color:black">hello p</p>
<div>hello div1</div>
</body>
</html>
========================================================================================
文件名为"css_text.css"的css文件
div{
color:blue;
background-color: green;
}

CSS的4种引入方式

原文:https://www.cnblogs.com/startl/p/12152820.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!