第三天（21-12-30）
老师讲课
（1）div 块元素，布局页面 class属性 类
（2）新闻列表命名举例
news news_box news_tit news_con
new_bottom
<!--news_list--> <!--new_list end-->
（3）不换行考虑行类元素进行标记如：
<span></span>
<time></time>
<b></b>
块级元素这只后，再设置行内元素会自动换行
布局想法：可以用不同的 标记进行样式给予，无序过多添加css名。
（4）ps 按住空格键可以移动图片，鼠标右键变换选区，
图像裁剪存储png格式。
（5）导航取名
nav main_nav
（6）底部取名
footer,footer_con
表格详解
（1）<caption>标题</caption>
按住鼠标滑轮可多选，或者ctrl+alt+向下
（2）样式，标签（标记）选择器
table{border:1px solid #ccc <!--粗细、类型、颜色-->
border:3px double #999 border-collapase:collapse} <!--超过3个像素才能叫做双线-->
td{text-align:center; } td里面文本水平居中
跨行合并就是合并行
行内样式在行内设置<E style=>要比普通css样式高
10、版心定义
版心大小1200px居多。始终在页面的中心。防止出现电脑上布局兼容性问题 。
第二次测试：
1、路径分为哪两种？ 工作中常用是哪一种路径？ 同级 下一级 上一级 怎么书写？
2、请写出文本格式化的标记（行内）
3、文本格式化（块级）
4、文本格式化（块级）
5、
无序列
表序列表
自定义列表标记
属性 ：
无序列表属性有：
有序列表属性有：
6、表格中的常用的标记
表格
表格标题
行
表头单元格
单元素
表格头部
表格身体
表格底部
7、表格的的属性
合并行
合并列
单元格间隙
单元格 填充
水平对齐方式
单元格垂直方向对齐方式
宽度
高度
边框
背景颜色
8、图像默认下面会有一个空行，解决的办法？
答案：
1、路径分为哪两种？ 工作中常用是哪一种路径？ 同级 下一级 上一级 怎么书写？
相对路径（本站点内相互用的路径），不带盘符的路径
绝对路径（带盘符的路径）
工作中常用相对路径
同级 ./
下一级 ./image
上一级 ../返回上一级
上上级 ../../
2、请写出文本格式化的标记（行内）
加粗 （2对 权重高的写后面） <b></b> <strong></strong>
倾斜 （2对 权重高的写后面） <i></i> <em></em>
下划线（2对）<u></u> <ins></ins>
删除线（2对）<s></s> <del></del>
上标 <sup></sup>
下标 <sub></sub>
小号字 <small></small>
3、文本格式化（块级）
定义预格式文本(1 对) <pre></pre>
长引用（1对） <blockquote></blockquote>
4、文本格式化（块级）
段落标记， <p></p>
强制换行 ， <br/>
水平线 标记 <hr/>
5、
无序列、 <ul><li><li></li></li></ul>
表序列表、 <ol><li><li></li></li></ol>
自定义列表标记 , <dl><dt><dd><dd></dd></dd></dt></dl>
属性 ：
无序列表属性有：type 默认是实心圆，circle空心圆、square小方块、disc实心圆
有序列表属性有：type 默认是数字、 start
6、表格中的常用的标记
表格 <table></table>
表格标题 <caption></caption>
行 <tr></tr>
表头单元格 <th></th>
单元素 <td></td>
表格头部 <thead></thead>
表格身体 <tbody></tbody>
表格底部 <tfoot></tfoot>
7、表格的的属性
合并行 rowspan
合并列 colspan
单元格间隙 cellspacing
单元格 填充 cellpadding
水平对齐方式 align
单元格垂直方向对齐方式 valign
宽度 width
高度 height
边框 border
背景颜色 bgcolor
8、图像默认下面会有一个空行，解决的办法？
{display:block;}
