本文详细介绍了HTML的基础，包括标签、属性和元素分类，强调了语义化标签的使用。接着，文章讲解了CSS的基础，如样式表的使用方式，重点讨论了内联样式、内部样式表和外联样式文件的优缺点。还深入探讨了CSS的选择器，包括基础选择器、复合选择器、伪类和伪元素，以及CSS的三大特性：层叠性、优先级和继承性。最后，文章提到了布局技术，如浮动、定位、弹性盒模型等。
HTML的基础总结
- HTML的标签和属性
- 什么是标签:
html文档中，由 <>包裹起来的对象，比如：<head> <body> <html> 等等 这些就称作为html文档中的标签，标签也通常被称为元素！比如 head元素 body元素 都是可以的。注意： html中大多数的标签，都具备某种特殊的语义！ 利用标签的语义化，简单来说，用正确的标签做正确的事！
标签大部分是成对出现的，比如 ： <head></head> 开始标签 结束标签 结束标签通常是以/开头， 但是html中的标签也有例外，某些标签不是成对出现的！ 只是具备单标签 开始标签。
html常见的语义化标签：
1. 标题标签 h1-h6
2. 段落标签 p
3. 换行标签 br
4. 水平线标签 hr
5. i斜体标签（iconfont字体图标的容器来使用） i
6. em 标签 斜体字 注重文本的语调加重
7. b标签 粗体字 加粗
8. strong 粗体 强调重要内容
9. blockquote 长引用标签
10. q 短引用
11. sub 文本下角标
12. sup 文本上角标
13. del 删除线
14. ins 插入线
- 什么是属性：
属性就是标签中所额外向浏览器提供的额外的数据！相关的信息！
标签是具备语义化的，通过标签名可以大致的了解道该标签在作用或者相对应的语义!
但是两个相同的标签之间，可能所携带的属性信息是不同的！通过标签的属性值的变化，向外部展示的信息是有所不同的！
属性的构成：总是以 属性名 = '属性值' 这种形式出现。并且总是在标签的开始部分出现！
<开始部分 属性名='属性值'>内容部分（被嵌套的子标签）<结束部分>
一个标签可以同时具备多个属性值，如果存在多个属性值，属性名之间使用空格分隔即可
标签属性的分类：
- 全局属性： 全局属性就是任何标签都能使用的属性，称为全局属性！
常见的全局属性： class 、 hidden 、 id 、 style 、 title等
- 特定属性（私有属性）: 特定属性就是某些特定的标签才具备的属性称为特定属性！
- HTML元素的分类
元素是有类别划分的，从元素的排列位置来看，可以将元素分为两大类.
- 行内元素
1.行内元素不会独占一行，会在一行上集中排列，直到该行无法排列为止
2.通常是包裹其他的行内元素以及文本信息
3.不允许设置元素的宽、高，行内元素的宽高由其内容决定！
- 块元素
1.块元素会独占页面的一行排列显示
2.块元素中可以嵌套任何的块元素(p元素除外，p元素不能嵌套其他的块元素！)或者行内元素或者文本信息
3.可以设置元素的宽和高，默认的宽度是其父元素的宽度！
- 行内块元素
1.可以设置宽高
2.不会独占一行
- HTML列表标签
列表标签：HTML中将列表类型分为三类，有序列表(ol)、无序列表(ul)、定义列表(dl)
- 有序列表
有序列表在html中的表示是使用ol标签，列表中的每一项是使用li标签来表示
- 无序列表
无序列表在html中的表示是使用ul标签，列表中的每一项是使用li标签来表示
- 定义列表（解释型列表）
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
