目录
第一课
什么是CSS
css是决定页面长什么样子
执行HTML和CSS
依靠浏览器、->HTML、CSS
1.shell：外壳
2.core：内核（JS执行引擎、渲染引擎）
现如今主流浏览器
IE：Trident
Firfox:Gecko
Chrome:Webkit/Blink
Safari:Webikt
Opera:Presto/Blink
版本和兼容性
HTML5、CSS3
第一个网页
Emmet插件：自动生成HTML代码片段
注释
注释为代码的阅读者提供帮助阅读,注释不参与运行
注释格式
<!---注释内容 --->
元素
<a href="htttp://www.duyiedu.com">而非开车上班的好看</a>
元素=起始标记 + 结束标记 + 元素内容 + 元素属性
属性 = 属性名 + 属性值
属性分类：
-局部属性：某些元素特有的属性
-全局属性：所有元素通用
<meta charset="UTF-8">
有些元素没有结束标记，这样的元素叫做：空元素
空元素的两种写法：
1.<meta charset="UTF-8">
2.<meta charset="UTF-8"/>加/表示闭合，现在可以不写
元素嵌套
元素不能相互嵌套
父元素，子元素，祖先元素，后代元素，兄弟元素（拥有同一个父元素的两个元素）
标准的文档结构
HTML:页面、HTML文档
<!DOCTYPE html>
文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5.
不写文档声明将导致浏览器进入怪异渲染模式。
<html lang="en"> </html>
根元素，一个页面只可以有一个
可以不写
lang属性：language,全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
官方简体中文
<head> </head>
文档头，文档头内部的内容不会显示在页面上。
<meta>
文档元数据：附加信息
charset：指定网页内容编码。
计算机中低电压（0~2v） 0.
计算机中只能存储数字。
该字典叫做字符编码
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
适配手机端
<title>Document</title>
显示网页标题
语义化
什么是语义化
- 每一个HTML元素都有具体的含义
a元素：超链接
p元素：段落
h1元素：一级标题 - 所有元素与展示效果无关
元素展示到页面中的效果，应该由CSS决定的
因为浏览器带有默认的CSS样式， 每个浏览器都有自己的默认样式。
重要：选择什么元素，取决于内容的含义，而不是显示出的效果
最低0.47元/天 解锁文章
2334
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
