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来决定了