第七周周记

行内元素和块元素：

常见的块级元素：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

常见的行内元素：<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

注意：

段落元素（文字元素）内不能放块元素

例如，p标签里不能放div标签，h1中也不能放div

处理内容溢出问题：

相对路径和绝对路径

相对路径：

相对路径就是相对于当前文档的路径。相对路径没有盘符，通常是以HTML网页文档为起点，通过层级关系描述目标图像的位置。相对路径的设置分为以下三种。

• 图像和HTML.文档位于上一级文件夹："../"
• ·图像和HTML.文档位于同一文件夹："./"
• ·图像和HTML.文档位于下一级文件夹："/"

eg:"../picture/logo.jpg"

绝对路径：

绝对路径是目录在盘符(即C盘、D盘等)中的真正路径

eg:D:/文件名/文件名/......

样式表的优先级：

优先级规则：行内样式>内部样式=外部样式

• 内部样式，外部样式，这两者优先级相同，遵循"后来居上"原则
• 同一个样式表中，优先级和编写顺序有关，遵循"后来居上"原则

权重:

权重是指css选择器的优先级，优先级高的css样式会覆盖优先级底的css样式，优先级越高说明权重越高，反之亦然。

css六大选择器：

1. id选择器(#box{})
2. 类选择器(.box{})
3. 属性选择器(a[href="http://www.xxx.com"])
4. 伪类和伪对象选择器(:hoevr{}和::after{})
5. 标签类型选择器(p{})
6. 通配符选择器(*{})

优先级顺序：！importment > 行内 > ID选择器 > 类选择器 > 元素选择器 >通配选择器 > 继承