2月5日学习日志

css的选择器与优先级:

一:选择器

1.
通配符选择器:

*

/*选择所有的内容*/

2.
标签选择器:

p,div,span,h1等均为标签选择器.

3.
id,class选择器:

id-----唯一身份标志-------#开头
class-----类-------.开头

/*class可以有多个!中间要以空格隔开.如: "class="text section"" 此时样式遵循后来者居上的原则*/

/*类css的定义可以同时写两个类:
.text.section{

}
*/

注:css的类名不能以数字开头,但可以用下划线和横杠 如:page-title.

4.
群组选择器:

/*中间用逗号隔开*/
.list1,.list2{

}
/*同时给两个定义*/

5.
后代选择器:

如:
<ul id="ul1"> -------->#ul .list /*中间用逗号隔开*/
<li class="list1"></li>
<li class="list1"></li>
</ul>

6.
结构伪类选择器: /*常用于动态图片切换,*/

css:
ul li:first-child{

}
ul li:nth-child(2){ -------->除了第一个和最后一个,中间形式为nth-child(n)

}
ul li:last-child{

}
html:
<ul>
<li class="title">123</li>
<li >123</li>
<li >123</li>
</ul>

 

二:优先级

important>行间>id>class>标签
无穷 1000 100 10 1

在后面填上: !important

 

css过渡效果:

1.
过渡属性: /*要对什么属性进行过渡*/

transition-property: all;

1.width 2.heigh 3.all

2.
过渡时间

transition-duration: 3s;

 

 

css字体阴影:

text-shodow: 0px 0px 0px black;
/* 依次为 x位置 y位置 模糊距离 阴影颜色 */

 

明日任务:学习css+js