<!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>
<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>
1147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
