首页 > Web开发 > 详细

web前端css总结

时间:2015-10-25 22:00:46      阅读:258      评论:0      收藏:0      [点我收藏+]

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;}
}


 

web前端css总结

原文:http://www.cnblogs.com/daocaorende/p/4909515.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!