随笔分类 - CSS问题
摘要：1.利用display:table-cell，具体代码如下： html代码如下： css代码如下： 效果如下： 2.采用背景法： html代码如下： css代码如下： css 使图片水平垂直居中 https://blog.csdn.net/example440982/article/details/
阅读全文
摘要：第十种：display:table-cell兼容IE7以上 html代码为： CSS代码为：
阅读全文
摘要：::-webkit-input-placeholder{ color: #999;} :-moz-placeholder{ color: #999;} ::-moz-placeholder{ color: #999;} :-ms-input-placeholder{ color: #999;}
阅读全文
摘要：一、设置meta标签 在使用媒体查询media之前我们需要先设置meta标签，对设备的缩放等参数进行设定。 参数解释： width=device-width 宽度等于当前设备宽度 initial-scale=1初始缩放比例，默认为1 minmum-scale=1允许用户缩放到的最小比例，默认为1 m
阅读全文
摘要：自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebAp...
阅读全文
摘要：渐变效果为： IE浏览器下的渐变背景 IE浏览器下渐变背景的使用需要使用IE的渐变滤镜。如下代码： 相关说明： 上面的滤镜代码主要有三个参数，依次是：startcolorstr, endcolorstr, 以及gradientType。其中gradientType=1代表横向渐变，gradientT
阅读全文
摘要：如图：HTML结构： ·埃尔克森飙升中超身价榜第一 TOP5恒大占三 ·埃尔克森入选亚冠最佳阵容 鲁能洛维入围候选名单 ·埃里克森坦言最怕埃尔克森 广州德比必精彩无疑 ·中超最强锋线之争 埃尔克森PK哈默德谁才是王中王 ...
阅读全文
摘要：一、示例图片显示：HTML结构：CSS样式：注意：CSS3 text-overflow 属性规定当文本溢出包含元素时发生的事情，其中所有浏览器都支持 white-space 属性。示例2：HTML结构为：CSS样式为：示例3：HTML结构为：CSS样式为：
阅读全文
摘要：一、PNG、GIF、JPG图片对比 在我们进行图像优化技术前，需要学习有关的图片格式的一些技术细节，每个图形格式都有自己的优势和拖弱点，知道他们会使你得到更好的视觉质量和压缩品质。网页图片优化是网页加速中非常重要的一步，对图片进行压缩，不仅能够节约带宽，并且加快网页的速度，我们常用的图片编辑软件可以在压缩图片。PNG-8的高压缩比切图时，有时选择PNG-8可以获得更高的压缩比，注意，是PNG-8，不是PNG-24，不过有些情况下还是GIF或JPG会小一些，需要根据实际情况调试以选择最佳方案。对比大小：1、图型类、照片类对于图像格式的选择，我们还需要考虑图片的使用场景或功能，概括为两类：图形类、
阅读全文
摘要：1、使用CSS无图片技术，可以总结得到以下三个优点： 减少请求资源的大小； 减少http的请求个数； 提高可维护性。 一、CSS无图片技术，微博中有哪些实际应用呢？ 通过上面的展示，我们可以看到，无图片技术，在微博上应用是十分普遍的。 二、无图片技术的实现方式： 大概有四种方式：一是通过backgr
阅读全文
摘要：Css盒阴影效果标准方法当然就是指使用CSS3的方法了，这个应该不少同行应该知道，参见如下代码：.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}释义为：横向偏移3像素，纵向偏移3像素，模糊4像素，颜色为纯黑。如果我们把含上面样式的这个class shadow应用到图片上，就会产生如下的效果（截自Firefox3.6）：三、那么IE浏览器呢？对于目前对CSS3支持如狗屎的孤芳自赏的IE浏览器怎么办呢？b...
阅读全文
摘要：以前的兼容.transparent_class {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */filter:alpha(opacity=50); /* ie5-7 */ -moz-opacity:0.5; /* old mozilla browser like netscape */ -khtml-opacity: 0.5; /* for really really old safari */opacity: 0.5; /* css standard, currentl
阅读全文
