HTML与CSS详解-优快云博客

本文链接：https://blog.youkuaiyun.com/zhangyingjie09/article/details/18350891

1 Html

HyperText Markup Language超文本标记语言。下面解释一下我的理解

html主要是用于网页制作，所以文章将主要通过浏览器来解释html。

html它也是一种语言，就像我们的vb、c++和C#一样。只是它的编辑主体是文本格式的，而且这个文本具有超能力，能够包含图片、链接，甚至音乐、程序等非文字元素。标记就是我们说的标签，就像<a><body><div><ul>等。标记的是什么？我觉得标记就是html中的一个个不同的小模块的标准或规范，将自己需要的内容添加到标记内，浏览器根据这些标记进行解析。

html之所以能称之为“超”文本，标记（标签）是决定性因素。不同的“超”有不同的规范，就需要不同的标签去标记。最后被浏览器的呈现引擎统一解析成一种相同的规范，最后HTML文档是作为带有字符编码信息的字节流序列在互联网中传送的。(个人见解，欢迎提出不同见解)一种殊途同归的感觉。本人觉得标记就像一个说明书，每一个标签就是这个说明书的一个小功能的说明，别人想使用我的某项功能，就要去查看该项功能的说明书，根据说明书进行操作(解析)。不同的功能具有不同的说明书，各司其职。

2 CSS即级联样式表。

它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS实现了网页制作内容和表现的分离，实质是解耦和。

为什么会出现CSS?

HTML标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（ Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（ W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样.

CSS作用：

样式表极大地提高了工作效率 . 样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局， CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。