一、概述
HTML是骨架、框架
CSS是外表、衣服
JS是动作、肌肉
css的主要作用是对元素进行渲染。
1、找到要操作的标签（选择器）
2、对定位的标签进行操作（属性）
二、CSS引入方式
1、行内式
<p style="background-color:red">行内式</p>
2、内联式
在head标签内使用
<html>
<head>
<style>
div {
background-color:red;
}
div p {
background-color:green;
}
</style>
</head>
<body>
<div>sdfasdfasdfsdf
<p>asdfasfasdf</p>
</div>
</body>
</html>
3、外链式
<link href="test.css" type="text/css" rel="stylesheet"></link>
4、导入式
<head> <style type="text/css"> @import "test.css" </style> </head>
注意：
1、推荐使用外链式，简洁明了。
2、外链式中的rel="stylesheet"不能省略，type="text/css"可以省略。
3、@import引入文件时，有数量限制，而link没有。
4、导入式会在整个网页加载完成后再加载CSS文件，因此如果文件非常大的话，网页会有闪烁的情况出现。外链式一开始网页就会加载，所以不会有闪烁出现。
原文地址：https://www.cnblogs.com/skyflask/p/8678866.html
时间： 2024-10-12 23:35:53