1.所有的网页遵循的标准
W3C标准,全称World Wide Web Consortium,万维网联盟
W3C标准,全称World Wide Web Consortium,万维网联盟
2.table标签
定义表格
(1)表头<thead>
行<tr> -- 单元格<th>
(2)表身<tbody>
行<tr> -- 单元格<td>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
若是想将线两条线合起来,在<table>的<style>里将border-collapse属性设置为collapse
定义表格
(1)表头<thead>
行<tr> -- 单元格<th>
(2)表身<tbody>
行<tr> -- 单元格<td>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
若是想将线两条线合起来,在<table>的<style>里将border-collapse属性设置为collapse
3.封装样式
(1)id选择器 -- 单独给指定id标签的样式(注意,id只能写一个)
写法:以#开头加标签id值
例如:给a写
#a{
}
(2)class选择器 -- 给指定的class标签设置样式
写法:以.开头加标签class值
例如:给a写
.a{
}
(3)元素选择器 -- 给指定元素设置默认样式
写法:直接放元素名称
例如:给div写
div{
}
封装的位置,需要把封装的样式写在<head>下的<style>中
id>class>元素
(1)id选择器 -- 单独给指定id标签的样式(注意,id只能写一个)
写法:以#开头加标签id值
例如:给a写
#a{
}
(2)class选择器 -- 给指定的class标签设置样式
写法:以.开头加标签class值
例如:给a写
.a{
}
(3)元素选择器 -- 给指定元素设置默认样式
写法:直接放元素名称
例如:给div写
div{
}
封装的位置,需要把封装的样式写在<head>下的<style>中
id>class>元素
4.盒子内边距和外边距
盒子margin代表距上一层的距离
margin的定义格式
(1)** ** 分别代表上下、左右
(2)** ** ** **分别代表上、右、下、左
(3)**可以换成auto
(4)**代表上、下、左、右
padding的使用
padding中如果是两个盒子嵌套父盒子设置内边距会改变盒子的大小
盒子margin代表距上一层的距离
margin的定义格式
(1)** ** 分别代表上下、左右
(2)** ** ** **分别代表上、右、下、左
(3)**可以换成auto
(4)**代表上、下、左、右
padding的使用
padding中如果是两个盒子嵌套父盒子设置内边距会改变盒子的大小
5.行内标签
<span>
<i>
<b>
<strong>
<h1>~<h9>
<span>
<i>
<b>
<strong>
<h1>~<h9>
6.定位
position属性
(1)static -- 不定位
(2)relative -- 相对定位
(3)absolute -- 绝对定位
(4)fixed -- 忽略滚动
使用语法
position:**;##:&&
**为(1)~(4)四选一
##为left、right、top、bottom
&&为值,可以为px、百分比
position属性
(1)static -- 不定位
(2)relative -- 相对定位
(3)absolute -- 绝对定位
(4)fixed -- 忽略滚动
使用语法
position:**;##:&&
**为(1)~(4)四选一
##为left、right、top、bottom
&&为值,可以为px、百分比
若是想实现子盒子相对于父盒子的定位,则需要将父盒子的position也设置为非static类型