首先,CSS可以通过内联样式表的方式来应用。内联样式表可以直接在HTML元素内部添加一个style属性,来控制该元素的样式。例如:
<p>Hello World!</p>
这段代码会将该段文字设置为红色,并且字体大小为20像素。
其次,大家可以通过嵌入式样式表来将CSS应用到整个HTML页面或者部分元素中,嵌入式样式表需要在HTML文档头部的<head>标签中添加<style>标签,在此标签内部添加CSS代码。例如:
<head> <style> p { color: blue; font-size: 18px; } </style> </head> <body> <p>Hello World!</p> </body>
这段代码中,大家将<p>元素的文字颜色设置为蓝色,并且设置字体大小为18像素。
最后,大家还可以通过外部样式表来应用CSS。这种方式需要将所有的CSS代码写在一个独立的.CSS文件中,然后在HTML文档头部的<head>标签中添加一个<link>标签,引用这个.CSS文件。例如:
<head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>Hello World!</p> </body>
这段代码中,大家引用了一个名为styles.css的.CSS文件,其中包含了所有大家想要应用到HTML文档中的CSS样式。