第三天学习心得

今天学习的内容比较多，都是很重要的知识点，总结起来大致有以下内容：

一、无序列表 ul li

     无序列表的特点是：ul  li都是块级标签；独立成行，垂直布局；宽度撑满整个父元素，高度由内容撑开；自带列表符小黑点；自带外间距和内间距；清除自带的列表符用：list-style:none;改变列表符的类型：list-style-type:列表符的类型；列表符的类型有：circle空心圆|disc实心圆，默认值|square实心正方形|none去掉列表符；无序列表应用在新闻列表、导航、商品列表；ul的子元素一定是li，li里可以嵌套任何的标签；

二、有序列表 ol  li

     有序列表的特点和无序列表的特点是一样的，不一样的是有序列表的属性，也是最重要的一点，start :顺序开始值，写在 ol的开始标签里；reversed: 顺序倒序，写在 ol的开始标签里；

三、自定义列表标签 dl  dt  dd

     自定义列表标签的特点是：dl  dt  dd 都是块级标签；dl  dd  自带外间距；在浏览器中dd 缩进显示；不缩进的话把它的外间距去掉：margin-left:none；也是垂直布局。独立成行；宽度撑满整个父元素，高度由内容撑开；应用在名词解释、分类（大分类-细节的分类）；dt 里面是专业名词，dd是对专业名词的解释；

四、什么是HTML语义化及语义化的优点

       HTML语义化是指用合适的标签匹配相应的内容，比如：标题用h1-h6标签，段落用p标签，图片用img标签，加粗用b标签等。它的优点是：在没有css的情况下，页面也能呈现出很好的内容结构；使代码更具可读性，便于团队的开发和维护；有利于SEO搜索引擎优化，在搜索框搜索内容的时候更好更快的搜到；有利于用户体验,例如：title、alt属性的灵活应用。

五、表格及表格的属性

       table 是表格容器；tr 是表格的行；th是表头单元格，自带加粗效果，里面的内容呈水平居中垂直居中显示；td 是普通单元格，里面的内容水平居左，垂直居中。

       table 的属性：border 表格的边框，默认值是0，一般写1；宽高属性，单位px可以省略不写；cellspacing 单元格与单元格之间的距离，默认是2px，一般写0；cellpadding 定义单元格内内容与边框之间的距离；borderColor 改变边框的颜色；

六、单元格th/td 属性

      宽高属性，单位px可以省略不写；align 内容在单元格水平对齐方式，left左对齐，center居中对齐，right 右对齐；valign 内容在单元格垂直对齐方式，top 顶部对齐，middle 居中对齐，bottom 底部对齐；

七、合并单元

       rowspan 跨行合并；colspan 跨列合并；语法：

      操作步骤：1.首先确定是合并行还是合并列；2.找到目标单元格，在开始标签上添加合并属性以及合并单元格的数量，如 ；3.删除多余单元格，例如合并三个单元格，删除后面的两个。