评论资讯 [ 总 913 则 ]
·马黑 - 2024-12-19 08:19
·马黑 - 2024-12-16 23:53
·马黑 - 2024-12-15 22:34
·马黑 - 2024-12-14 23:53
·马黑 - 2024-12-13 18:38
·悄然 - 2024-12-7 06:47
·马黑 - 2024-12-5 23:17
·马黑 - 2024-12-1 17:26
·马黑 - 2024-11-28 11:41
·悄然 - 2024-11-24 21:37
·马黑 - 2024-12-16 23:53
·马黑 - 2024-12-15 22:34
·马黑 - 2024-12-14 23:53
·马黑 - 2024-12-13 18:38
·悄然 - 2024-12-7 06:47
·马黑 - 2024-12-5 23:17
·马黑 - 2024-12-1 17:26
·马黑 - 2024-11-28 11:41
·悄然 - 2024-11-24 21:37
友情链接
网站统计
一、CSS与HTML的关系及关联
一、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是样式渲染载体,属于前台风光或出丑的角色。
拿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是样式渲染载体,属于前台风光或出丑的角色。
前一篇: 没有了
下一篇: 二、帖子父盒子的常规属性
发表评论:
评论列表 [0条]