HTML 和 CSS 的关系和区别
HTML
HTML(HyperText Markup Language,注意HTML必须大写,行业规范)-超文本标记语言,一个HTML文档(比如win平台下的.html文件)是构成网页的主体。
CSS
CSS(Cascading Style Sheets) 层叠样式表 ,CSS文档定义了如何显示 HTML 元素
。对构成网页的元素(如字体,内容位置等)作出视觉上的设计效果。使用CSS,可以让网页的内容与网页的表现形式分离,极大提高工作效率,外部样式表通常存储在 CSS 文件中。
HTML和CSS
任何一个网页,可以没有CSS样式,但是不可能没有HTML语句。但是往往一个HTML页面离不开CSS样式。举个不恰当的比喻,HTML是毛坯房,而CSS定义了房子的装修。
HTML可以设置字体颜色大小等属性,但是HTML的设置只能在局部使用,不能再整个文档里通用。如果想设置一个属性作用两个以上的地方,就需要设置多次。但是如果把属性设置写成CSS样式表,无论使用多少次,都是调用同一个样式,网页代码会节省很多,使用方便比如class=”list”.
HTML解析
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<div>
<p>页面内容</p>
</div>
</body>
</html>
CSS解析
html, body{
margin: 0;
color: red;
}
header, section, footer {
margin-top: 10px;
}