随笔分类 -  css3

样式
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于 阅读全文
posted @ 2017-04-21 16:18 张晓鹏博客 阅读(1471) 评论(0) 推荐(0)
常见浏览器的兼容问题
摘要：常见浏览器的兼容问题 1 ie6.0横向margin加倍 产生因素：块属性、float、有横向margin。 解决方法：display：inline； 2 ie6.0下默认有行高 解决方法：overflow:hidden;或font-size:0;或line-height：xx px； 3 在各个浏 阅读全文
posted @ 2017-04-18 10:08 张晓鹏博客 阅读(383) 评论(0) 推荐(0)
CSS多行文字垂直居中的两种方法
摘要：CSS多行文字垂直居中的两种方法 原文链接：http://caibaojian.com/css-vertical-middle.html 之前写过一篇关于：CSS左右居中对齐的文章，里面提到的两种方法其实也可以引申为垂直居中对齐。写这篇文章是因为要兼容IE6、IE7的问题，我们都知道一行文字时可以通 阅读全文
posted @ 2017-04-18 10:05 张晓鹏博客 阅读(590) 评论(0) 推荐(0)
CSS3 选择器——基本选择器
摘要：CSS的选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3的选择器，要运用的灵活到位，我想对很多朋友还是一定的难度，特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要 阅读全文
posted @ 2017-01-06 13:50 张晓鹏博客 阅读(284) 评论(0) 推荐(0)
css3动画特效：上下晃动的div
摘要：css3动画特效：上下晃动的div 阅读全文
posted @ 2017-01-04 09:13 张晓鹏博客 阅读(4135) 评论(0) 推荐(0)
CSS3图片倒影技术实现及原理
摘要：CSS3图片倒影技术实现及原理 目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-re 阅读全文
posted @ 2017-01-03 10:00 张晓鹏博客 阅读(511) 评论(0) 推荐(0)
标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
摘要：盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten 阅读全文
posted @ 2016-12-01 13:24 张晓鹏博客 阅读(354) 评论(0) 推荐(0)
block，inline和inlinke-block细节对比
摘要：block，inline和inlinke-block细节对比 display:block display:inline display:inline-block 阅读全文
posted @ 2016-10-19 17:39 张晓鹏博客 阅读(260) 评论(0) 推荐(0)
响应式设计：跨浏览器兼容性
摘要：小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握中。 本文由Spy根据Annarita Tranfici的系列教程《Understanding Res 阅读全文
posted @ 2016-08-30 09:33 张晓鹏博客 阅读(1012) 评论(0) 推荐(0)
HTML5和CSS3登录页面制作实录
摘要：本文详细介绍使用HTML5 和CSS3 制作一个登录页面的完整过程。 View demo login.html 所用到的HTML 5的特性： ◆ placeholder – 输入框的简短提示，当该输入框获得输入焦点时，该提示信息自动消失 ◆ required – 指定该输入元素是否必须提供 ◆ au 阅读全文
posted @ 2016-08-22 14:02 张晓鹏博客 阅读(514) 评论(0) 推荐(0)
CSS3中的Transition属性详解
摘要：w3c标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 下面我们从最简单的语法和属性值开始一步一步来学习trans 阅读全文
posted @ 2016-08-22 13:01 张晓鹏博客 阅读(4484) 评论(0) 推荐(0)
使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果
摘要：摘要: 通过backface-visibility:hidden;属性，我们可以使一个元素在翻转之后消失，这是可以使用另一个元素放在它的背面，从而制作出一种元素翻转之后出现另一个元素的效果。 ... 摘要: 通过backface-visibility:hidden;属性，我们可以使一个元素在翻转之后 阅读全文
posted @ 2016-08-01 10:22 张晓鹏博客 阅读(3189) 评论(0) 推荐(0)