相关补充

<div>.常见的标记，常用来标识大的内容分区，帮助创建网页的布局和设计。
{作为通用容器，它不带有任何意义 他仅仅是一个容器用于包含其他元素 划分页面的区域} <div> <div> </div> </div>

语义化标签
<header>
用于识别页面，文章，小节，页面其他部分的顶部。通常header元素会包含一个正文标题，介绍文本，甚至是导航。
<nav>
标识页面上主要导航连接部分，比如全局导航，内容目录，前后按钮链接，最常见的是在nav内的链接会连接到同一网站的其他页面，或者其
它部分，其他一次性的链接不应该在nav里，而应该在a里
<header>
<nav>
<a>
</a>
</nav>
</header>

<article>
标识一个独立的内容，常用article标出博客，帖子，报纸文章，用户提交等等，article可以互相嵌套

<section>标识一段专题性的内容，通常包含一个标题。

<aside>持有的内容与它周围内容略微相关，比如侧边栏补充说明 比如再用article时aside会标识与文章相关的内容。

<footer>标识一个页面，文章，分区，页面的最后末尾，通常出现在其父元素的底部，footer内的内容应该是相关信息不要与包含它们的文
档或部分离题。

<hr/>无语义 分割线
<b>突出显示的文本 <strong>-加粗
<em> <i>-斜体 表引用
<blockquote>整段的引用 大段-自动加缩进
<q>-小段引用 自动加引号
<cite>-对参考文献的引用
<span>-跨越多个字符 无语义
<abbr>文本内的内容
<br/>换行
<pre>原样输出

图片<img> <img src="图片地址" alt="图片标注"/>
<figure>-相关组合放置图片相关系容器标签
<img src=“地址”alt=“语义化标签”/>
<figcaption>-图片的注解
语义化相关注解
</figcaption>
</figure>

 

相对路径和绝对路径

绝对.协议//域名//目录
相对.相对当前资源的位置，只能访问站内资源
相对路径/根目录
../返回上一级目录

站外资源-绝对路径
站内资源-相对路径

color color 设置元素内容的颜色
text-align text-align:center 设置元素内容对齐方式
font-size font-size:20px 设置元素内容文字大小
font-weight font-weight:bold 设置元素内容文字粗细
background-color background-color:red 设置元素的背景颜色
css颜色都是RGB色域定义的，表示RGB方式有4种
HEX 16进制表示法 每个值都是0~255的整数

CSS选择器
1.基本选择器
【元素选择器】
格式：元素名+{声明快}
列子：p{color:red;}

【类选择器】
.开始
包含字母 数字 字符- 下划线
点后面必须以字母开始 区分大小写 一个类可以应用到多个标签

【通配符选择器】
*+{.....}全部运用

【并集选择器，组合选择器】
类，id{ } h1,h2,h3{ }

2层次选择器
【子级选择器】
父级元素名称+“》”子级元素名称+{声明块}
列 div>span{color:red} 直接关系

【后代选择器】
父级元素名称+“空格”后代元素名称+{声明块}
列 div span{color:red}

【兄弟选择器】
同级元素名称A+"+"+同级元素名称B+{声明块}
列 span+p{color:red}
必须紧邻A元素且在A元素后面

【通用选择器】
同级元素名称A+“`”+同级元素名称B+{声明块}
span~p{color:red}
注：选择A元素后B元素，且位于A元素后的所有B元素

 

3,伪类选择器
【动态伪类选择器】
未访问 a:link{color:black}
悬停 a:hover{color:bule}
点击 a:active{color:red}
访问后 a:visted{clor:green}