HTML和CSS

132 阅读2分钟

HTML 和 CSS 是什么?有什么用?

HTML和CSS是两门语言,是任何计算机沟通的工具,即计算机语言。

HTML是什么?

HTML:Hyper Text Markup Language 超文本标记语言。

超文本:可以链接到其他页面的文本

标记:以下使用到的“<h1></h1>”就是标记

:书写一个一级标题

<h1>一级标题</h1>

HTML是W3C组织定义的语言标准,是用于描述页面结构(有什么东西,该东西表示什么含义)的。

CSS是什么?

CSS:Cascading Style Sheets 层叠样式表。

CSS也是W3C定义的语言标准,用于描述页面的展示,例:color、font。它决定了页面长什么样。

:将一级标题的颜色设置成红色

// 常用写法
h1 {
	color: red;
}

有什么用?

HTML定义网页中有什么。CSS则是定义网页中的内容长什么样子。

HTML + CSS = 网页

当然还有JavaScript,不过JavaScript在某些简单网页上可能使用不到,但在现代浏览器中HTML和CSS是不可缺少的组成部分。

如何执行 HTML、CSS

目前来讲,执行HTML和CSS,需要依靠浏览器内核来执行,浏览器内核执行结果就是我们看到的网页。

拓展:浏览器

碎碎念

以下内容仅代表个人理解

HTML元素呢,就像是网页的骨架零件,零件可以套零件,也可以组合成一个大的零件

但我们在做页面的时候,往往拿到的是成品。

这就需要我们根据成品,从上到下、从左到右、从外到里去的去分析:该如何将成品拆分成一个一个的元素零件,然后再重新给它组装起来

至于拆分出来的零件是什么干嘛用的(该用什么元素),这就需要由零件的内容来决定,也就是语义化

HTML元素的代码结构,某一方面决定了CSS书写是否能更流程和更简洁

至于网页长的好不好看?零件该怎么摆?摆在那里?这就需要由CSS来决定了

参考资料: