HTML是由标签组成的,每个标签都有自己的作用,用来描述页面中不同的元素。比如:
<html> <head> <title>这是页面标题</title> </head> <body> <h1>这是标题一</h1> <p>这是段落一</p> <div> <p>这是一个div中的段落</p> </div> <ul> <li>这是一个列表项</li> <li>这是另一个列表项</li> </ul> </body> </html>
CSS则是通过选择器来选取页面中的元素,并为其添加样式。比如:
h1 { font-size: 2em; color: blue; } p { font-size: 1.2em; line-height: 1.5em; } ul { list-style-type: none; margin: 0; padding: 0; } li { padding: 5px; border: 1px solid black; } div p { color: red; }
上面的CSS代码中,h1选择器选取页面中的所有h1标签,为其设置字体大小和颜色;p选择器选取页面中的所有p标签,为其设置字体大小和行高;ul选择器选取所有的ul标签,为其去除列表样式和设置外边距、内边距;li选择器选取所有的li标签,为其设置内边距和边框;div p选择器选取div中的所有p标签,为其设置颜色。