一、网页的构成
网页就像一座建筑，HTML是它的骨架，CSS是它的外衣，JavaScript则是它的灵魂。
HTML简介
HTML，全称超文本标记语言，是构成网页的基础语言。它定义了网页内容的含义和结构，就像建筑的设计图。
HTML基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
网页的主体内容
</body>
</html>常用标签
- 排版标签：如标题、段落、文本格式化等。
- 链接标签：用于链接外部资源或本地网页。
- 列表标签：如无序列表、有序列表、自定义列表等。
- 表格：用于展示数据。
- 表单：用于收集用户信息。
CSS基础
CSS，层叠样式表，主要用于设置网页的布局和样式。
选择器
- 标签选择器
- 类选择器
- id选择器
- 通配符选择器
选择器进阶
- 后代选择器
- 子代选择器
- 并集选择器
- 交集选择器
- hover伪类选择器
背景属性
- 背景颜色
- 背景图片
- 背景平铺
- 背景位置
- 背景大小
元素显示模式
- 块级元素
- 行内元素
- 行内块元素
CSS特性
- 继承性
- 层叠性
- 优先级
盒子模型
- 内容区域
- 内边距区域
- 边框区域
- 外边距区域
浮动
- 浮动元素会脱标
- 浮动元素可以覆盖标准流中的元素
定位
- 静态定位
- 相对定位
- 绝对定位
- 固定定位
元素的层级关系
- 标准流 < 浮动 < 定位
装饰
- 垂直对齐方式
- 光标类型
- overflow溢出部分显示效果
- 元素本身隐藏
- 元素透明度
- 边框合并
选择器的扩展
- 链接伪类选择器
- 焦点伪类选择器
以上只是HTML+CSS的基础知识，还有很多高级技巧和框架等待你去探索。我是苏承栈，关注极星编程网（www.jxgpc.com），一起学习，一起进步！