HTML+CSS基础要点详解

需积分: 48 59 浏览量更新于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预处理器等，都是前端开发者需要掌握的关键技能。不断学习和实践，才能更好地理解和运用这些知识，构建出美观、功能丰富的网页。

熊气

粉丝: 1
资源: 5

HTML+CSS基础要点详解

html和css知识点总结.docx

HTML+CSS总结.doc

HTML与CSS基础教程知识点总结和文档

html+css+javascript知识点总结.docx

html+css+js知识总结.pdf

HTML+CSS的入门知识点总结

HTML+css知识总结(建议收藏）

HTML 5+css 基础知识点自我总结.xmind

web期末知识点总结（HTML+css+js).pdf

html+css+js面试总结

最新资源