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>
<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>
阅读全文
0 0
- css与内联样式
- css与内联样式
- 内联式css样式
- HTML+CSS基础 内联样式表与嵌入样式表设置不同时,听内联的
- CSS内联样式表用法
- 灵活使用CSS内联样式
- CSS样式中内联、嵌入、外部样式
- CSS:外部样式表/内部样式表/内联样式
- input通过内联css,改变样式
- CSS—块与内联
- JavaScript_采用CSS内联样式模拟工具提示;
- css样式内联式,外联式,嵌入式的格式是什么?
- GridView与css样式
- Html与CSS样式
- css中的内联对象与块对象
- CSS块级元素与内联元素
- CSS的块元素与内联元素
- CSS-块状元素与内联元素
- 算法提高 ADV-113 c++_ch02_0
- 链接03
- 算法提高 ADV-114 c++_ch02_03
- Ubuntu16.04+CUDA8.0+Caffe配置
- 算法提高 ADV-115 c++_ch03_02
- css与内联样式
- 【二叉树】107. Binary Tree Level Order Traversal II
- 算法提高 ADV-117 进制转换
- css与内联样式
- vim命令
- 如何实现页面跳转
- Maven的settings.xml文件结构之activeProfiles
- spring
- 算法提高 ADV-118 3-2字符串输入输出函数