初识CSS
2021-06-16 本文已影响0人
微语博客
什么是CSS
CSS（casting style sheet）层叠样式表，是用来美化网页的。HTML负责网页的结构，虽然HTML元素也有默认的样式，但是HTML元素默认样式过于单调，所以制作网页css就显得格外重要。我们浏览的丰富多彩的网页，也正是CSS美化的功劳。
CSS是负责美化网页HTML的语言，CSS语言编写的文件为.css文件
CSS语法
CSS语法特别简单，总结起来就是选择元素，为元素的相关样式属性赋值。
body{background:lightcyan;}
.container{width:860px;height:500px;}
#title{font-weight:bolder;font-size:24px;}
/*这个是CSS注释，注释代码不执行，用于解释说明*/
CSS语法特别简单，由选择器，属性（属性名:属性值）组成。CSS可以出现在style标签内，style属性里，或者css文件里。
使用CSS
CSS代码需要导入到HTML才能起到修饰网页的作用，HTML有三种方法引用CSS：style属性内联样式，style标签，link标签引用外部css文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"><!--外部样式表-->
<title>Document</title>
<style>
body{background-color: lightcyan;}/*内部样式表*/
</style>
</head>
<body>
<div style="color:lightcoral;font-size: 40px;">Hello World!</div>
<!--内联样式表-->
</body>
</html>
HTML使用CSS的三种常用方法：内联样式，内部样式，外部样式，其优先级依次递减，优先级高的会覆盖优先级低的相同样式。推荐使用外部样式，因为更为灵活。
