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
原文：https://www.cnblogs.com/sicilya/p/12266878.html