Quantcast
Channel: 天一生水 » CSS
Browsing all 10 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

如何把你的图标转换成web字体

我已经制为网站制作了一些优雅的图标,并且在新的网站和老的iPad上进行了测试。正常尺寸下,布局看看上去一切OK,但的将页面进行放大显示,我却发现我的icon变得模糊不清,但是基于文本的标题依然清晰可见。在具有Retina显屏的iPad上,这些图标看上去都不清晰,即使在没有进行任何放大的情况之下。...

View Article



如何让input输入框不记录已输入过的信息

写过表单的朋友都知道,当我们在浏览器中输入表单信息时,浏览器通常都会记录下所输入的信息。 等到下次再次输入表单时,只需要双击input输入框,浏览器就会提示之前所保存到文本信息。 这样确实很方便,但是也会把用户数据曝光。 那如何阻止浏览器自动保存表单信息了? 其实很简单,只需给input文本输入框添加 autocomplete=”off” 属性就好,代码如下: <input...

View Article

Image may be NSFW.
Clik here to view.

实现IE6 position:fixed固定定位

就像你所遇到的问题一样, IE6 有太多的 bug 让制作网页的人头疼。这篇文章介绍的是介绍我的如何解决 IE6 不支持 position:fixed; 属性的办法。   关于 position:fixed; 属性 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 position:fixed;...

View Article

Image may be NSFW.
Clik here to view.

避免css中文字体在浏览器中解析成乱码

许多同学在写CSS的时候,设置中文字体常常使用中文字符,例如font-family:”黑体”,这样我们在浏览器中看到的是什么样子的呢 ?     如果不想自己写的界面在浏览器字体声明上有异常,建议在书写css样式规则的时候避免中文字符,使用Unicode编码集,对中文字符进行转码。常见的中文字符集转码如下表: 中文名 UNICODE 新细明体 \65B0\7EC6\660E\4F53 细明体...

View Article

移动端网页的meta声明详解

移动端页面,一入眼帘就是一堆meta声明,这些到底是干嘛的? 就是下面这四串了: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="format-detection"...

View Article


个人关于CSS的一些小技巧积累

===============================注========================= A. 网页框架宽度 设置为双数较好! 避免在IE6下边框不齐;例如: .body{width: 956px;} ===============================注========================= 1. css透明 a....

View Article

个人关于CSS3的一些小技巧积累

1.transform 实现旋转、缩放和移动元素 主要属性: . rotate(旋转)允许你通过传递一个度数值来转动一个对象。 . scale是一个缩放功能,可以让任一元素变的更大。它使用正数和负数以及小数作为参数。 . translate就是基于X和Y 坐标重新定位元素 . skew顾名思义,skew就是要将对象倾斜,参数是度数 . matrix transform支持矩阵变换,就是基于X和Y...

View Article

Image may be NSFW.
Clik here to view.

CSS3那些不为人知的高级属性

原文:CSS的未来:一些试验性CSS属性 译自:The Future Of CSS: Experimental CSS Properties 请尊重版权,转载请注明来源,多谢!...

View Article


srcset属性获chrome 34支持,大赞!

Chrome 34终于正式发布,最引人的特性是开始支持srcset属性了。 其实在此之前,Safari已经开始支持了,而目前来看,这个属性就是为rMBP服务的,因为桌面电脑上只有rMBP需要更高分辨率的图片。但是其实这个属性的用途并不仅限于此。 最常用的用法: <img src="normal.jpg" srcset="normal.jpg 1x, high-res.jpg 2x,...

View Article


如何写好CSS?

真正的问题是什么?...

View Article
Browsing all 10 articles
Browse latest View live




Latest Images