html之行间样式和外部样式以及内部样式

最新推荐文章于 2024-04-02 23:23:40 发布

敏而好学笨鸟先飞

最新推荐文章于 2024-04-02 23:23:40 发布

阅读量7.1k

点赞数 1

分类专栏： java开发中遇到的问题文章标签： html css

本文链接：https://blog.csdn.net/qinnimei/article/details/47721429

版权

java开发中遇到的问题专栏收录该内容

20 篇文章 0 订阅

订阅专栏

 行间样式：css写在标签里面，如：
 <h1 style="color:red;">行间样式</h1>

 不推荐使用，css代码跟页面内容混在一起，很难看。


 内部样式：css写在html页面的<head></head>标签里面，如：
<style type="text/css">
h2 { color:red; }
</style>

 页面内容：<h2 style="color:red;">内部样式</h2>

 外部样式：css文件单独写，由html加载（针对开发推荐使用此方法），如
<link rel="stylesheet" type="text/css"  href="123.css" />

注意：

一、Javascript中的style取样式和加样式都是加在行间的

二、行间样式比其他的样式都要高

三、对一个元素进行操作时要统一对style或者className来操作