1. 行内样式 使用行内样式,可以直接在HTML标签中添加样式,如下所示: <p>这是一段红色的文字,字体大小为16px</p> 2. 内部样式 使用内部样式,需要在HTML文档的<head>标签中添加<style>标签,将样式写在其中,如下所示: <head> <style type="text/css"> p { color:blue; font-size:18px; } </style> </head> 3. 外部样式 使用外部样式,需要将样式文件保存为.css文件,并在HTML文档的<head>标签中使用<link>标签链接CSS文件,如下所示: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> 4. 继承样式 继承样式指的是,某一个HTML标签的样式会被其父级元素继承,如下所示: <style type="text/css"> .parent { color:red; font-size:20px; } .child { font-weight:bold; } </style> <div class="parent"> 这是父元素的文字 <div class="child"> 这是子元素的文字,继承了父元素的样式 </div> </div>
以上是CSS样式的几种分类,不同的样式使用方法有所不同,视情况而定,设计时需要根据实际需求进行选择,合理使用各种样式,才能使网页达到最佳的视觉效果。