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 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。
外边距应用
外边距实现已知宽度的块级盒子水平居中