文章目录1 .内联样式2 .内部样式3 .外部样式
1 .联格式
内联样式，也称为内联样式。 在标记内部使用s t y l e style style属性设置元素的样式。
呃！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title第一页/title/h1我是h1标题/h1 h2我是h2标题/h2 p style='color: red 字体大小： 30px；' 我是段落/p /body/html
缺点是如果你需要在同一个网页中多次使用同样的样式，你需要多次书写，如果以后需要更改，你就必须全部更改，这非常不方便。 所以我尽量不使用内嵌样式。
2 .内部样式将样式写入h e a d head head的s t y l e style style标签。 这里还包括选择器的相关知识。 以下示例仅使用了元素选择器。
呃！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title第一个网页/titlestylep { color : blue violet； 字体大小： 15px； (H2 ) color:coral； } /style /head body h1我是h1标题/h1 h2我是h2标题/h2 p style='color: red； 字体大小： 30px；' 我是一个段落/p我是第二个段落/p /body/html
可以看出这种方式的复用性提高了，如果想修正某种要素的表现的话，修正一个地方就足够了。 您可以看到内联样式的优先级高于内部样式。
但是，这种方式也有缺点。 内部样式的可重用性不够，因为实际开发无法将所有内容写入一个页面，可能有几百、上千个页面。
3 .外部样式创建外部的c s s css css文件，并在htmlhtmlhtml中通过l i n k link link标签引入。
p { color :日期顺序； 字体大小： 75px； }/*style.css文件位于以下html所在的目录中*/！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title第一个网页/titlestylep { color : blue violet； 字体大小： 15px； (H2 ) color:coral； }/stylelinkrel=' style sheet ' href='./style.CSS '/headbodyh 1我是H1标题/h1 h2我是h2标题/h2 p style='color: red 字体大小： 30px；' 我是一个段落/p我是第二个段落/p /body/html
请注意，上面的代码没有移除s t y l e style style标签。 请交换与l i n k link link标签的位置，看看页面是否不同~
从上面的例子可以看出，外部样式可以在多个网页上复用，所以非常好。 此外，通过浏览器的缓存机制，外部样式可以加快网页的加载速度，提高用户体验。