web前端css总结

css主要是选择器和多条声明构成

每个声明由属性和值组成

选择器分为：派生选择器、id选择器、类选择器、属性选择器、伪类选择器、伪元素选择器

派生选择器允许根据文档的上下文关系来确定某个标签的样式

id选择器可以为特有id的html元素制定特定样式，每个元素都有不同的id，每个id只能指定一个元素

类选择器可以为多个元素制定一样的样式可多，可供多个元素共同使用

可以为拥有指定属性的 HTML 元素设置样式

伪类和伪元素用于向某些选择器添加特殊的效果

属性优先级：

在css中importart拥有最高优先级

其次html中元素后属性有次级优先级;如<p stule="">

直接用<style></style>优先级第二低

link css tab等优先级最低

在css中可设置圆角边框、阴影边框、图片边框；如

div
{
border:2px solid;
border-radius:25px;
}————圆角边框

div
{
box-shadow: 10px 10px 5px #888888;
}————阴影边框

div
{
border-image:url(border.png) 30 30 round;
}————图片边框也可设置多重背景和对背景进行拉伸；如

div
{
background:url(bg_flower.gif);
background-size:40% 100%;
background-repeat:no-repeat;
}——————对背景进行拉伸

body
{
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
}——————设置多重背景可设置文字阴影；如

h1
{
text-shadow: 5px 5px 5px #FF0000;
}
设置动画效果：如

@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}