HTML CSS简单了解笔记

最新推荐文章于 2024-07-12 14:38:32 发布

ecust_gm

最新推荐文章于 2024-07-12 14:38:32 发布

阅读量354

点赞数

分类专栏：笔记文章标签： css html

本文链接：https://blog.csdn.net/ecust_applied_math/article/details/76064138

版权

6 篇文章 0 订阅

订阅专栏

HTML 和 CSS 的关系和区别

HTML(HyperText Markup Language，注意HTML必须大写，行业规范)-超文本标记语言，一个HTML文档（比如win平台下的.html文件）是构成网页的主体。

CSS(Cascading Style Sheets) 层叠样式表 ,CSS文档定义了如何显示 HTML 元素
。对构成网页的元素（如字体，内容位置等）作出视觉上的设计效果。使用CSS，可以让网页的内容与网页的表现形式分离，极大提高工作效率，外部样式表通常存储在 CSS 文件中。

任何一个网页，可以没有CSS样式，但是不可能没有HTML语句。但是往往一个HTML页面离不开CSS样式。举个不恰当的比喻，HTML是毛坯房，而CSS定义了房子的装修。

HTML可以设置字体颜色大小等属性，但是HTML的设置只能在局部使用，不能再整个文档里通用。如果想设置一个属性作用两个以上的地方，就需要设置多次。但是如果把属性设置写成CSS样式表，无论使用多少次，都是调用同一个样式，网页代码会节省很多，使用方便比如class=”list”.

<!DOCTYPE html>
<html>
  <head>
    <title>页面标题</title>
  </head>
  <body>
    <div>
      <p>页面内容</p>
    </div>
  </body>
</html>

这里写图片描述

html, body{
  margin: 0;
  color: red;
}
header, section, footer {
  margin-top: 10px;
}

这里写图片描述

关注