一、CSS与HTML的关系及关联


拿T台比喻，CSS是做化妆师和更衣人，在后台发力；HTML是模特，走T台的主角。


做帖子时，CSS用 style 标签作为自己的标识，一般建议放在 HTML 代码之前：


<style>
/* CSS代码 */
</style>


<!-- html 代码 -->


style 是成对标签，有起始符 <style>，有结束符 </style>。起始符 <style> 是简写形式，规范的写法一般是 <style type="css/text">，不过现代浏览器不在乎这些，可以随意。


CSS定义的样式的描述都是基于选择器，例如：


<style>
#papa { /* 内容 */}
.mama { /* 内容 */ }
p { /* 内容 */ }
</style>




#papa 我们可以理解为 id选择器，HTML要通过 id="名称" 调用它，而且，在同一个web页里，只能有一个盒子调用它一次：


<div id="papa"></div>


.mama 选择器我们可以理解为 类选择器，HTML可以反复调用它，调用方式是通过 class="名称"：


<div class="mama"></div>
<p class="mama"></p>
<span class="mama"></span>


绿色代码中的 p 选择器，叫标签选择器，它直接使用 HTML 的标签名称。除了 p，还有 div、span、img 等等等等，做帖时不要直接这样使用，它会影响文档的其他地方，如何使用今后再专题讲解。


小结：CSS是样式制定者，属于后台的工作者；HTML是样式渲染载体，属于前台风光或出丑的角色。

前一篇: 没有了
下一篇: 二、帖子父盒子的常规属性