CSS---style(样式)
何骞尧
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS</title>
<!--也可以将css样式写到head中的style标签里
将样式表编写在style标签中，然后通过CSS选择器可以使样式进一步复用，
将样式表编写到style标签中，也可以使表现和结构进一步分离它也是我们推荐的方式
<style type="text/css">
p{
color:red;
font-size:40px;
}
</style>
-->
<!--
还可以将样式表编写到外部的css 文件中，然后通过link标签来将外部的css引入到当前页面中，
将css样式统一编写到外部的样式表中，完全使结构和表现分离，可以使样式表在不同的页面中使用，
最大限度的使样式表进行复用，通过link标签引入，可以利用浏览器的缓存
加快用户的访问速度，提高了用户体验，所以在开发中，我们最推荐使用的
-->
<link rel="stylesheet" type="tex/css" href="style.css" />
</head>
<body>
<!--
可以将css样式编写到元素的style属性当中
将样式直接编写在style属性中，这样的样式称为内联样式
内联样式只对当前样式起作用，内联样式不方便使用
内联样式属于结构与表现耦合，不推存使用
<p style="color:red;font-size:40x;">汗滴禾下土</p>
-->
<p>这和p一定要小写</p>
<p>这和p一定要小写</p>
<p>这和p一定要小写</p>
<p>这和p一定要小写</p>
<p>这和p一定要小写</p>
</body>
</html>
类似资料：