HTML---第二天内容

来源：互联网发布：手机淘宝账号注册流程编辑：程序博客网时间：2024/05/21 07:04

1.所有的网页遵循的标准
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

3.封装样式
(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中如果是两个盒子嵌套父盒子设置内边距会改变盒子的大小

5.行内标签
<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也设置为非static类型

阅读全文

0 0