<!DOCTYPE html> <html> <head> <title>偶的网页</title> <style> p { color: red; } </style> </head> <body> <p>这是一段红色字体的文字</p> </body> </html>
HTML标签是用来描述结构和内容的,可以理解为是网页的骨架。CSS样式则是用来设置HTML标签的外观,如颜色、字体、大小等等。CSS样式一般可以嵌入HTML标签中,也可以独立成为一个文件,然后在HTML文件中通过链接进行引用。下面是一个简单的例子。
<style> body { font-family: Arial, Sans-Serif; } h1 { color: blue; font-size: 36px; } </style>
在上面的例子中,大家使用了<style>标签来给HTML页面添加样式。其中,body表示整个页面的样式,h1表示页面中的标题样式。大家可以看到,设置样式的方式就是在{}中定义样式属性和值,属性和值之间用冒号分隔。多个属性之间用分号分隔。例如,上述代码中,大家设置了字体族属性和颜色属性,分别对应font-family和color属性。