html css基础知识汇总
时间: 2024-07-01 19:00:58 浏览: 181
HTML (Hypertext Markup Language) 和 CSS (Cascading Style Sheets) 是网页设计中的两个基本组成部分,它们共同构建了网页的结构和外观。
**HTML基础知识:**
1. **HTML元素**:HTML使用一系列标签来定义文档的不同部分,如`<html>`(文档主体)、`<head>`(包含元信息)和`<body>`(显示内容)。
2. **标签类型**:包括结构标签(如`<h1>`到`<h6>`用于标题)、段落标签(`<p>`)、列表标签(`<ul>`、`<ol>`、`<li>`)等。
3. **属性**:每个标签都有可能携带一些属性,如`href`(链接地址)、`src`(图片源)和`class`或`id`(样式选择器)。
4. **文本内容和空格**:使用`<text>`、`<br>`、`<img>`等元素来包含文本和图像。
**CSS基础知识:**
1. **选择器**:CSS通过选择器来选择要应用样式的HTML元素,如`*`(所有元素)、`#id`(id选择器)、`.class`(类选择器)等。
2. **样式声明**:每种选择器后跟着的是CSS声明,如`color: red;`设置字体颜色,`font-size: 16px;`设置字体大小。
3. **盒子模型**:理解元素由内容区、内边距、边框和外边距组成的概念。
4. **布局**:CSS提供了多种布局技术,如块级元素、行内元素、浮动、定位等,可用于创建响应式设计。
阅读全文