本文介绍了HTML的基本结构与常用标签，包括段落、列表、图片等元素，并详细解释了CSS的选择器及样式设置规则，帮助读者掌握网页制作的基础。
HTML：
1.html是超文本标记语言，其中定义了许多标签。
2.html必须的结构：
HTML文件均以<html>标记开始，以</html>标记结束。<head>...</head>标记
之间的内容用于描述页面的头部信息，如页面的标题、作者、摘要、关键词、版权、
自动刷新等信息。在<body>...</body>标记之间的内容即为页面的主体内容。
3.注释方式为,<! - - 注释 - ->
4.块级元素和行级元素<div>，<span>：
块级元素，占一行，可以调节长宽高，外边距等。
行级元素，只能调节外边距。
5.常用的HTML标签
<p>：定义段落
<div>：常用块级元素，也是css lay out的主要标签
<a>：锚点
<ul><li>：前者定义一个无序列表，后者定义列表内容
<ol><li>：前者定义一个有序列表，后者定义列表内容
<span>：定义文档中的一段
<table>：定义表格
<img>：图片
CSS：
1. CSS（层叠样式表）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。
2. 语法规则：主要由两大部分构成：选择器，一条或多条声明。
3. 选择器：
I. 元素选择器：使用标签作为选择器，为被选择标签设置样式。
II. 分组选择器：可以为多个元素设置相同的样式，使用时将分组的选择器用逗号分隔。
III.通配符选择器：css2引入的一种新的简单选择器，显示为 一个星号（*）。该选择器可以与任何元素匹配。（不常用）
IV.类元素选择器：注意：英文圆点开头；其中类选择器名称可以任意起名；可多次使用，适用于任何元素。
V.ID选择器：很多方面，ID选择器都类似于类选择器，区别：选择符前面是井号（#），只能在文档中使用一次，而且仅一次。
VI.子选择器：即大于符号（>），用于选择指定标签元素的第一代子元素。
VII.包含（后代）选择器：即加入空格，用于选择指定标签元素下的后辈元素。
VIII.伪类选择符：允许给html不存在的标签（标签的某种状态）设置样式。
4.css权重优先级：important>内嵌样式>ID>类>标签|伪类|属性选择>伪对象>继承>通配符
5.3中定位机制：普通流、浮动和定位。
6.绝对和相对定位：relative相对定位，absolute绝对定位，static静态定位，fixed固定定位
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
