总结笔记知识

1什么是语义化

语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容。

2 语义化的好处

在没有 CSS 的情况下，页面也能呈现出很好地内容结构。

使代码更具可读性，便于团队开发和维护。

有利于SEO搜索引擎优化（和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重）。

有利于用户体验

无序列表，用于将没有数字顺序的一组数据或内容进行分组。

无序列表,用于将顺序是有意义的一组数据或内容进行分组

dl自定义列表、dt 自定义列表项、dd自定义列表项的注释（描述）

用于将一组项目及其相关的描述进行分组

相对路径

概述:相对路径是指由这个文件所在位置为参考基础，而建立出的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录。

绝对路径

绝对路径文件在目录中的绝对位置完整描述，常见的绝对路径一种由其在网络上的绝对位置定义的位置，一种是本地从盘符出发的绝对位置。

超链接

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。将文档链接到其他文档或资源，链接到文档的特定部分。

每个表格只能定义一个标题<caption>
  thead,tbody，tfoot通常配合适用,用于划分表格语义，实现长表格分步加载，或通过改变结构顺序，优先加载tbody

 rowspan作用：跨行合并

colspan 作用：跨列合并

  1. 确定是合并行还是合并列
  2. 找到目标单元格，添加合并属性如：<td rowspan="2"> 电话 </td>
  3. 删除多余单元格

 行间样式适用于某个元素拥有特殊样式时使用，结构表现【不分离】
 内部样式适用于单个页面拥有特殊样式时使用，结构表现【半分离】
外部样式适用于多个页面拥有相同样式时使用，结构表现【相分离】

基础选择器中最常用是类选择器
   id用于页面中唯一模块
  元素名称选择器定义的全局样式，单独使用要慎重
  *号通常用于重置样式【最不常用】

font: 字体风格 字体加粗 字号/行高 字体；

3、文本属性继承性

简单渗透:字体文本属性大多具有继承性。

font-size

font-family

font-style

font-weight

line-height

text-align

text-indent

color

不可继承 text-decoration(穿透性)

CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。

边框是围绕内容和内边距之间的一条或多条线，通过边框属性指定一个元素的边框的宽度、样式和颜色。

外边距margin

概述：用于设置盒子与盒子之间的距离。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

外边距应用

外边距实现已知宽度的块级盒子水平居中。