-
html，超文本标记语言，使用标签描述内容。
- HTML是一种声明的标记语言，不是编程语言。
- 纯文本：文件中的数据都是与某种编码记录下来的文本，而不是普通二进制数据
- 纯文本可以使用vsco
- 超文本可以描述自身。
- 浏览器的工作原理：
- 一个网页的本质是html文件，html文件本身是一个纯文本文件，当我们使用开发工具打开是一个纯文本（html）文件，看到的是一个源代码；用浏览器打开html文件时，浏览器会对html文件进行解析，将解析后的页面显示在浏览器窗口中。
- 1.注释 ：注释和取消注释
- 2.什么是Doctype
- Doctype是document type的简写，他不是html标签，也没有结束标签
- Doctype:版本标记，在html文件第一行，必须写在第一行。
- html：告诉浏览器是一个html5文件。
- Doctype的作用：
- 声明文档的解析类型，避免浏览器的怪异模式。
- 怪异模式：
- 浏览器使用自己的怪异模式解析渲染界面。
- 浏览器使用w3c的模式渲染界面
- 第一行必须有
- 3.html按照构成可以分为单标签和双标签.
- 单标签:
-
-
- 双标签:
-
yyyyy - 开始标签 标签内容 结束标签
- 不能自定义标签
- html标签可以添加属性:
-
yyyyy - html标签的开始标签可以添加标签属性,在标签名后添加一个空格可以添加标签属性,一个标签可以添加多种属性,多种属性需要空格间隔开,
- p1,p2 属性名
- v1,v2 属性值
- p3 属性值无其他
- 4.标签
- 一级标题
- 二级标题
- 三级标题
- 四级标题
- 五级标题
- 六级标题
- html标题
- 标题 heading
- 是通过h1-h6标签定义
- h1最大,唯一
- h6最小的.
-
水平线标签,水平分割线 - hr:创造水平分割线,可分割内容
- 默认样式:
- 1px的边框,8px的上下外边框.
- 标题 标签带有上下边框,搞出元素之间的间距
- htnl段落:
-
:段落标签,块元素(单独一行来表达)
- 注意:
- 在文本标签内属于特殊文本元素,文本除了p标签都是内元素.
- 默认样式:
- 文本大小默认为16px根据文本大小调整边框
- 注意:
- 浏览器会自动在段落定位前后添加空行
- 下午内容
- 兄弟选择器
-
兄弟选择器 div的子元素p p标签的子元素 strong strong中的子元素 em
div中的子元素div-
div中的子元素ul
- 列表项1
-
div中的子元素ul
- 列表项1
-
div中的子元素ul
- 列表项1
section中的p标签
section中的divHTML链接
-
就这些
HTML图片
-
DOCTYPE html
-
html lang="en"
-
-
head
-
智友 -
可以改头标签
-
body，div，p，spen的应用
666
666
666
666
什么是css
css层叠样式表，是描述标记语言页面格式的标准/语言。
css使开发人员能够分离内容和可视化元素，实现更好的页面和灵活性。
对页面内容进行美化/样式的添加。
css的使用方法：
1.内联样式：也叫行内样式/行间样式，在开始标签内添加style属性并设置css样式。
2.内嵌样式：也叫内部样式，在html中的head标签中添加并按照固定格式设置css样式。
优点：
可以重复使用代码。
3.外联样式：也叫外部样式，在外部创建一个css文件，在html中的head标签中通过link引入css文件。
优点：
可以重复使用代码。
优先级：
正常情况：
行内样式 —— 内部样式 —— 外部样式。
特殊情况：
行内样式 —— 内部样式/外部样式(按照在头标签里面的先后顺序，以浏览器的执行顺序判断优先级)。
class和id的区别：
1.前缀不同：在css中class以“.”为前缀，id以“#”为前缀。
2.class类可以添加多个类名，中间以空格隔开。id名只能有一个。
3.id的优先级：给同意元素同时使用class类名设置相同的css样式，优先执行id选择器内的css样式。
4.id唯一性：在js中一整个页面中一个id只能出现一次。
css选择器的优先级从高到低排列顺序为:
1.id选择器 #myid
2.类选择器 .myclassname
3.标签名选择器 div，p
4.子选择器 <
5.后代选择器 li a
6.伪类选择器 a:hover
最后，需要注意的是：
！importanr的优先级最高：
优先级相同的时候，采用就近原则，选择最后出现的样式；
继承得来的属性，其优先级最低。
设置颜色和字体大小
XXXXXXXx。
XXXXXXX
