假期练习小结六

1. CSS

css中单位是相对的有哪些？
答：

1. px表示像素，是绝对单位，不会因为其他元素的尺寸变化而变化，页面按照精确像素展示。
2. pt即磅 Points，是一种绝对单位，是物理长度单位，等于 1/72 寸。它的取值范围和 px 类似。
3. em特点：
   （1）em的值并不是固定的
   （2）em会继承父级元素的字体大小
   表示相对于父元素的字体大小，em是相对单位，没有一个固定的度量值，而是由其他的元素来决定的相对值。
4. rem相对单位，相对根节点html的字体大小来计算，css3新加属性，chrome/firefox/IE9+支持。

2. 网页验证码是干嘛的，是为了解决什么安全问题？

答：
区分⽤户是计算机还是⼈的公共全⾃动程序。可以防⽌恶意破解密码、刷票、论坛灌⽔；
有效防⽌⿊客对某⼀个特定注册⽤户⽤特定程序暴⼒破解⽅式进⾏不断的登陆尝试。

3. CSS

【CSS】权重计算规则，请说出下列空白地方相应的颜色。

a{color: yellow;} /*权值：0,0,0,1*/
div a{color: green;} /*权值：0,0,0,2*/
.demo a{color: black;} /*权值：0,0,1,1*/
.demo input[type="text"]{color: blue;} /*权值：0,0,2,1*/
.demo *[type="text"]{color: grey;} /*权值：0,0,2,0*/
#demo a{color: orange;} /*权值：0,1,0,1*/
div#demo a{color: red;} /*权值：0,1,0,2*/

	<a href="">第一条应该是黄色</a> <!-适用第1行规则->
	
<div class="demo">
	<input type="text" value="第二条应该是蓝色" /><!-适用第4、5行规则，第4行优先级高->
	<a href="">第三条应该是黑色</a><!-适用第2、3行规则，第3行优先级高->
</div>

<div id="demo">
	<a href="">第四条应该是红色</a><!-适用第5、6行规则，第6行优先级高->
</div>