听人劝，吃饱饭，评论请移步置顶第一篇。
前言
1. 行内式
行内式也被称为内联式，可以通过style属性设置标签的样式。行内式基本语法格式如下：
<标签名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”>内容</ 标签名>
在上述语法中，style是标签的属性，实际上任何HTML标签都拥有style属性，用于设置行内式。属性和属性值的书写规范与CSS样式规则一样。行内式CSS只对其所在的标签及嵌套在其中的子标签起作用。
通常CSS位于头部标签中，但是行内式CSS位于根标签中。例如，下面的示例代码即为行内式CSS样式的写法。
<h1 style="font-size: 20px; color: blue; ">使用行内式CSS修饰一级标题的字体大小和颜色</h1> 讯享网
在上述代码中，使用
标签的style属性设置行内式CSS样式，用于修饰一级标题的字体和颜色。行内式CSS展示效果如上图。
要注意一点，行内式是通过标签的属性来控制样式的，这样并没有做到结构与样式分离，所以不推荐使用。
2.内嵌式
内嵌式是将CSS代码集中写在HTML文档的头部标签中，并用
讯享网<head> <style type="text/css"> 选择器 {
属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </style> </head>
在上述语法中，
例如：
<head> <meta charset="UTF-8"> <title>CSS内嵌式的练习网站</title> <style type=
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/26270.html