CSS
刘元涛
活着只为改变世界
展开
-
css3:背景属性background-origin/clip详解
智能手机的出现让HTML5+CSS3有了一个全新的舞台去演绎。很多的单页面都应用到了css3的酷炫效果,所以捣腾一下webapp开发工具应该可以帮助自己了解一下相关知识。算是一个加分项么。。。前面的几篇文章已经介绍了边框属性,那么今天我们正式来入手这个背景属性,css3中新增了3大属性,分别是背景裁剪(background- clip)、背景尺寸(background-size)、背景起点(b转载 2014-10-30 20:46:20 · 1360 阅读 · 0 评论 -
CSS3:background-size背景图片尺寸属性
background-size 可以设置背景图片的大小,数值包括 长度length和百分比percentage。 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面我们一起来了解这个background-size属性吧。background-size语法w3c对background-size的语法规定如下:属性名:back转载 2014-10-30 20:44:08 · 26122 阅读 · 0 评论 -
CSS初学者到高手成长之路
CSS其实很简单,只要把所有“标签”都理解为“方形框”,写CSS代码就相当于用“方形框”拼图形。什么是“块”标签,什么是“内联”标签。“块”标签,可以理解为,和div类似的标签,定义width height 有效果的标签。“内联”标签,可以理解为,和span类似的标签,定义width height 没有效果的标签。(“块”标签一般用于网页布局,“内联”标签用于修饰文原创 2014-10-31 12:51:57 · 618 阅读 · 1 评论 -
前端代码规范 及 最佳实践
概述本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范。现在我们把它开放给任何希望了解我们迭代过程最佳实践的人。编写本文档的主要驱动力是两方面: 1) 代码一致性 以及 2) 最佳实践。 通过保持代码风格和传统的一致性,我们可以减少遗留系统维护的负担,并降低未来系统崩溃的风险。而通过遵照最佳实践,我们能确保优化的页面加载、性能以及可维护的代码。总体指导转载 2014-10-31 12:47:35 · 2292 阅读 · 0 评论 -
css3:border-image边框图像详解
前言对于这个border-image属性已经不是什么新奇的事情了,也是一个老生长谈的话题。这是属性从很多年前已经出现了,但一直形单影只的,似乎 不被看好,但是假如你对此深入研究之,想必其用处还是多多,不过很可惜到目前为止对于浏览器支持还不比其他css3属性多,特别是IE,只有IE11以上 才支持,详情请移步 border-image兼容性。不过很好,对于纯正的现代浏览器和移动浏览器支持度还是非转载 2014-10-30 20:49:31 · 866 阅读 · 0 评论 -
PC端静态页走过的坑
一、PC端响应式 结构上无非就是DIV+CSS。 主要的页面布局是非常经典的双飞翼布局,主要通过三个样式实现:浮动float、负边距negative margin、相对定位relative;这种布局产生的低版本浏览器bug非常少。 响应式对应的宽度有三种。然后根据产品需求来进行不同区块的隐藏和显现。 比如:一整行结构,没有需求显示固定区块,body内定义的响转载 2016-02-27 18:35:17 · 598 阅读 · 0 评论 -
CSS 专业技巧收集
1. 使用:not()为导航添加/取消边框很多人会这样给导航添加边框,然后给最后一个取消掉:/* add border */.nav li { border-right: 1px solid #666;}/* remove border */.nav li:last-child { border-right: none;}其实,用CSS的:not()可以简化为下面翻译 2016-07-01 13:28:39 · 259 阅读 · 0 评论