css与内联样式

来源:互联网 发布:福州百度seo排名优化 编辑:程序博客网 时间:2024/05/19 02:05
<!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>


</head>



<body>
<!--
可以将css编写到元素的style属性中
将样式直接编写在style属性中,这种样式我们成为内联样式
内联样式只对当前元素的内容起作用,内联样式不方便复用
内联样式属于结构与表现的耦合,不方便后期维护不推荐使用
<p style="color:red;font-size:40px;">锄禾日当午,汗滴禾下土.</p>
<p style="color:red;font-size:40px;">谁知盘中餐,粒粒皆幸苦.</p>
-->

<p>谁知盘中餐,粒粒皆幸苦.</p>
<p>谁知盘中餐,粒粒皆幸苦.</p>
<p>谁知盘中餐,粒粒皆幸苦.</p>
<p>谁知盘中餐,粒粒皆幸苦.</p>
<p>谁知盘中餐,粒粒皆幸苦.</p>


</body>
</html>