牛牛逼逼叉叉

菜单
存档: ‘CSS’ 分类
定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。浏览器支持表格中的数字表示支持 @media 规则的第一个浏览器的版本号。Rul 谷歌I 火狐 Safar Oper@medi23.4.CSS 语法@media mediat...
1:解释link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候详细的:hover版本:CSS1/CSS2  兼容性:IE4+ NS4语法Selector : hover { sRules 说明设置对象在其鼠标悬停时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。目前IE5.5+仅支持CSS1中的:hover。...
要用到@keyframes动画属性。实现页面淡入特效,在火狐24版、chrome29版、IE10中测试通过IE9及以下浏览器不支持此特效。淡入代码@keyframes fade-in {      0% {opacity: 0;}/*初始状态 透明度为0*/      40% {opacity: 0;}/*过渡状态 透明度为0*/      100% {opacity: 1;}/*结束状态 透明度为1*/  }  @-webkit-keyfra...
转载:原地址1 前言CSS作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致,容易被理解和被维护。虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。2.2 缩进...
很多人还一直在问哪里能看到 slides 呢,我就顺手整理了一份,也帮大家 mark 下啦CSS开发者大会 相关 slide尤小右, Meteor 核心开发,Vue.js 作者,ex-Google (帅哥鉴定无误!数据驱动 + 组件化的前端界面开发薛丽丽 (点头猪),平安付 交互设计师点头猪 女神的《CSS 对用户体验的影响寒冬 winter 计算机之子 阿里高(搞)级(基)技术专家《用Promise组织程序》以及 一组小清新的小函数一丝大美女《武...
很久没有写博客了,一是刚入职比较忙,二是因为总有学到新的有趣的东西,停不下脚步来总结一下。最近出差到了帝都,反而能挤出些时间来写点什么了,也正好趁着出差做的这个项目讨论一下CSS理论。我现在面对的CSS基本上就是一个三头六臂的怪物,一点不夸张,因为真的是三头六臂,同一个样式在同一个element上作用了好几遍,而同一个样 式又分散在4,5个class上,优先级有很多层。可以看得出这个怪物不是一个人造就的,早期的开发者选择了SCSS技术,但混乱的import...