HTML+CSS基础要点详解
需积分: 48 112 浏览量
更新于2024-08-07
1
收藏 11KB TXT 举报
"HTML+CSS知识点总结"
HTML（HyperText Markup Language）是创建网页的标准标记语言，而CSS（Cascading Style Sheets）则用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。以下是关于HTML和CSS的一些关键知识点：
1. HTML标签：
- `div`：一个通用的容器元素，用于组合其他HTML元素。
- `ul` 和 `li`：无序列表，用于展示项目列表。
- `ol` 和 `li`：有序列表，列表项带有数字或字母顺序。
- `type` 属性：在`<ol>`中设置列表的类型，如`type="1"`（默认数字）、`type="a"`（小写字母）等。
- `start` 属性：设置有序列表的起始编号。
- `dl`, `dt`, `dd`：定义术语和描述列表，`dt`为术语，`dd`为描述。
- `a` 标签：创建超链接，`href`属性定义链接地址，`target`定义打开方式，`name`或`id`用于锚点链接。
2. HTML文本格式化：
- `i`, `b`, `strong`, `em` 和 `span`：分别用于斜体、粗体、强调、斜体强调和一般文本包裹。
- 特殊字符转义：例如`>`表示大于号，`<`表示小于号，`<h1>`等价于`<h1>`。
3. HTML表格：
- `table`：定义表格。
- `caption`：添加表格标题。
- `tr`, `td`, `th`：行、单元格和表头单元格。
- `thead`, `tbody`, `tfoot`：定义表格头部、主体和尾部。
- `align` 和 `valign`：分别设置表格单元格的水平和垂直对齐方式。
- `cellspacing` 和 `cellpadding`：控制单元格边距和内边距。
- `rowspan` 和 `colspan`：单元格跨行和跨列。
4. HTML表单：
- `form`：定义表单，`action`指定处理表单数据的URL，`method`定义提交方式（GET或POST）。
- `input`: 各种输入控件，如`type="text"`（文本输入）、`type="checkbox"`（复选框）、`type="radio"`（单选按钮）等。
- `label`: 与输入控件关联，提供可点击的文本描述。
- `placeholder`: 输入框的提示文本。
- `checked` 和 `selected`：用于默认选中复选框和选项。
5. CSS基础知识：
- 内联样式：直接在HTML元素中使用`style`属性定义样式。
- 内部样式表：在`<head>`标签内使用`<style>`标签定义样式。
- 外部样式表：通过`<link>`标签引入外部CSS文件。
- 选择器：如ID选择器（`#id`）、类选择器（`.class`）等。
- 属性设置：如`margin: 0 auto`实现居中对齐，`color: red`设置颜色。
6. CSS布局：
- `width` 和 `height`：设置元素宽度和高度。
- `display`：如`block`（块级元素）、`inline`（行内元素）、`flex`（弹性布局）等。
- `position`：`static`, `relative`, `absolute`, `fixed`控制元素定位。
- `float`：浮动元素，常用于创建多列布局。
- `clear`：清除浮动影响。
7. CSS样式继承与层叠：
- 继承：子元素会继承父元素的部分样式。
- 层叠：多个样式规则冲突时，优先级高的生效，如ID选择器>类选择器>标签选择器。
以上只是HTML+CSS众多知识点的一部分，实际应用中还有更多概念和技巧，如响应式设计、过渡动画、CSS预处理器等，都是前端开发者需要掌握的关键技能。不断学习和实践，才能更好地理解和运用这些知识，构建出美观、功能丰富的网页。
2022-11-27 上传
175 浏览量
590 浏览量
111 浏览量
