![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 55
灵影
这个作者很懒,什么都没留下…
展开
-
使用javascript动态管理css
添加CSS通常情况CSS不论是内嵌还是外联,都是预先定义好的。其实利用JavaScript,我们也可以动态在页面中插入或删除CSS。比较常见的场景是:CSS动画。由于我们在设计网页时不能预知动画的具体细节,所以需要在运行时进行定制。比如,我们想让一个元素从右侧飞出屏幕,如果用keyframe动画实现,我们必须知道屏幕的宽度,这个信息只有在运行才知道。例如下面的1026px,是运转载 2013-01-14 14:19:57 · 446 阅读 · 0 评论 -
关于团队合作的css命名规范
关于团队合作的css命名规范常用的css命名规则:头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:转载 2013-01-17 09:41:54 · 382 阅读 · 0 评论 -
CSS3选择器
CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分,第一部分是我们常用的部分,我把他叫做基本选择器;第二部分我把他称作是属性选择器,第三部分我把他称作伪类选择器,这一转载 2013-01-17 10:42:35 · 332 阅读 · 0 评论 -
CSS3模拟checkbox
话说, 很久很久以前, 一直到不久前, 浏览器原生的checkbox(复选框)的样式大部分都不能改的, 在各个浏览器中的外观和行为都不一致, 这是一件相当让人蛋疼的事.而在那个远古的蛮荒时代, 还生活着一种叫攻城师的生物, 每天被产品经理们强迫着, 想方设法让checkbox外观一统江湖, 苦不堪言.在那个时代, css2和dom level2风行, 却对checkbox束手无策,转载 2013-01-17 13:45:05 · 748 阅读 · 0 评论 -
CSS3画网格
CSS3画网格需要用到的属性就是——linear-gradient、background-size,大家鼓掌欢迎他们~那到底要怎么做呢?我们暂时不考虑网格,先想想,怎么画一条横线呢?好,看下面的代码(只贴了webkit的实现,其他的太多,不想写,下同~ Css1234.grid{ ba转载 2013-01-17 17:52:02 · 3237 阅读 · 0 评论 -
淘宝的新Sprite方法——使用Img Sprite技术对按钮加载顺序优化的简单研究
导言话说web前端的技术先驱,国外当属Yahoo,而国内则当属淘宝。所以它们的一举一动都是整个互联网的风向标。就在前几天,偶然发现曾经一直困扰自己的鼠标悬停共用部分空间的问题在淘宝这里有了解决方案,马上拿来分析下。悬停状态共用某一区域用语言描述总是怪怪的,还是上图吧。可以看到,按照正常的的导航制作方法,每个按钮元素都有自己的独立区域,它们之间互不影响转载 2013-04-23 18:32:24 · 662 阅读 · 0 评论 -
使用css3的appearance改变元素样式
经常我们想去掉系统默认的样式,例如checkbox,radio,button,从而给设置为各浏览器兼容的统一的自定义样式,就可以使用appearance,不过目前只支持带前缀的:-webkit-appearance,-moz-appearance,详细见原创 2015-01-13 19:20:14 · 909 阅读 · 0 评论