**
2.25第二天web前端学习小结
HTML基础篇大概
1.标签不区分大小写
2.属性都在标签内且有值。
3.标签是自结束标签，属性有：src—负责设置路径找到对应的图片，可以是相对路径，也可以是绝对路径，一般来说是相对路径好点。
alt------负责显示图片加载不出来时候的文字。
4.标签一般用来确定编码，或者定位重定向。属性：
http-equiv=refresh----负责刷新页面，content----显示内容或刷新时间，
url--------跳转到的页面路径
5.标签用来内联外部页面，不过一般都不要了，有超链接。
6.标签可以滚动字幕，属性:loop-----循环次数
------------超链接。属性：href：指定链接的路径。target------规定在何处打开文档。可选值：_selef–当前窗口打开。_black—新的窗口打开。
7.
8.每个标签都可以设一个id属性作为他们的唯一标识。
align属性可以设置文字居中还是在哪的位置。
9.当href=“#”时，自动跳转到窗口最顶部。为“#id”时跳转到指定位置。为“mailto:自己的邮箱”可以调用系统内部的邮箱给指定邮箱发东西。
**
css介绍
1.HTML的标签就是元素，元素即标签。
2.CSS的样式可以写到元素的style属性中，这种方法结构和表现耦合度高，不方便后期维护，不推荐使用
**当样式写在style属性中的方法我们称为内联样式。这种方法只时候对当前元素内的内容产生效果。内联样式不方便复用。
3.推荐在头标签里写个style标签----这叫做内部样式
4.给元素修饰样式首先要考虑选择器，不然不知道给哪些元素修饰。例子：p{color：red}----给所有p元素的内容设为红色。
5.外部样式（最推荐）
写一个css文件，哪个需要就联入调用它。
代码如下:Link rel=“stylesheet” type=“text/css” href="…"—这是个自结束标签，前两个参数固定不变，url路径可填相对css文件路径，这样就可以完成连接外部样式。
这样写就可以完全使结构和表现分离，让多个页面同时使用这个样式。还加快了用户访问的速度，提高了用户体验。
CSS的注释：/…/
块元素
1.什么是块元素？
独占一行的元素就是块元素。例如：div,p,h1,h2…;
div元素------它没有任何语义，一般负责页面的布局，独占一行，不会为里面的元素设置任何默认样式。
内联元素
内联元素，也叫行内元素。
1.什么是内联元素？
只占用自身元素大小，不会独占一行的元素。例如：span,img,iframe,a
span元素------它也没有语义，它主要是负责给文字提供样式。
块元素里面可以放块元素。
a元素可以放任何元素，但是不能放自身。
块元素内可以有内联元素，内联元素不能包含块元素。
p元素不能嵌套块元素
每个元素可以设置唯一的id，也可以设置相同的组—class也叫类选择器
class可以多个设置多个组。例：《p class=“a1 a2 a3” 》nihao 《/p》
6
id选择器
#id{}
类选择器
.class{}
/选择器分组/也叫并集选择器
h1,#p1,.a3{
background-color: chartreuse;
}
----使同选择器都要的样式可以放一起。
复合选择器（也叫交集选择器）------选中满足多个条件的元素。
语法：a1a2a3{}
子元素选择器-----只要儿子，孙子啥的都不管。
语法： div>span{
background-color: darkmagenta;
}
后代选择器
div span{}
其他子元素选择器
语法 ：first-child-----选择第一个子标签-----这是所有子元素的排列
：last-child------选择最后一个子标签
：nth-child（n）-------选择指定位置的子标签
：nth-child（even）-------偶数位置的子标签
：nth-child（odd）-------奇数位置的子标签
:first-of-type----选择当前类型的第一个子标签-----这是当前类型的子元素排列
:last-of-type----选择当前类型的最后一个子标签
:nth-of-type----选择当前类型指定位置的一个子标签
兄弟元素选择器
语法 span+p{}----表示span元素后面的一个元素（兄弟元素），给他设置样式。
span~p{}----表示span元素后面的所有p元素（兄弟元素），给他设置样式
7.
伪类
表示元素的一种特殊状态。当我们需要为这些特殊状态的元素设置状态时，就会用到伪类。
语法： a：Link{}
参数： ：Link—表示正常的连接。（没访问过的链接）
：visited-------表示访问过的链接----在这里面只能设置字体的颜色，其他设置不了
：hover-------鼠标移入
：active-------被点击的状态
：focus------获取焦点时候的状态
::selection-----选中元素时的状态（在火狐浏览器这样实现不了得换种方式写：::-moz-selection）
<input type=“text”》-----自结束标签，用来得到一个文本框
8.
伪元素
表示元素的特殊位置。
参数： ：first-letter--------表示第一个元素。
：first-line------表示第一行
：before------表示元素之前的位置，一般配合content一起使用。用于给文字段落前面加字之类的
：after--------表示元素之后的位置。也是一般配合content一起使用。
属性选择器
根据元素的属性或属性值来选取元素。
语法 p[title]或者p[title=“hello”]
p[title^=“ab”]------在p元素内找title属性值以ab开头的元素
p[title$=“c”]-------在p元素内找title属性以c结尾的元素。
p[title*=“c”]-------在p元素内找title属性含有c的元素。
title属性：除了取标题，还可以做文字提示语，当鼠标移到时候就会显示。
9.
样式的继承
我们可以把样式设置给祖先元素，这样我们的后代元素会自动继承。
但是不是所有元素都会被继承，例如：关于背景的样式就不会被子元素继承
优先级的规则
内联样式>id选择器>类和伪类>元素选择器>通配>继承
当选择器中包含多种选择器时，需要将多种选择器的优先级相加在进行比较。注意：相加的优先级最大不会超过本身X数量。
如果选择器的优先级一样，则选择靠后的样式。
并集选择器优先级单独计算。
当在样式的最后添加一个 !important 则会使该样式的优先级变为最高