CSS
AspNetSunny
本人性格开朗 活泼 做事严谨 认真踏实 欢迎朋友们来访
展开
-
利用CSS定位背景图片 background-position
又如:这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,这就用到了我们今天要说的背景图片的定位问题。这个问题相信很多人都郁闷过,也经常有朋友问我,所以今天就系统的说一下:我们知道在用图片作为背景的时候,css要这样写,以div转载 2014-03-06 18:03:07 · 1299 阅读 · 0 评论 -
如何使img标签在div中垂直居中
div{ display:block; width:200px; height:120px; border:1px solid #ccc; text-align:center; display:table-cell; vertical-align:middle;}div img{vertical-align:middle;display:inline;}原创 2014-04-10 15:11:14 · 2389 阅读 · 0 评论 -
css中图片定位之所有图标放在一张图上
如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标。如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比,但是需要等待较长的时间加载,那么相信很多用户会等不及而离开。尽量将图片做的小些,可能是大部分人选择的解决之道。但是100张1kb的图片加载与一张100kb的图片加载,这之间又是不同的,这涉及到网站服务器的同时连原创 2014-06-09 11:39:00 · 1750 阅读 · 0 评论 -
HTML页面中<style>中</style>里面 <!-- -->的作用
主要是针对低版本的浏览器是html的注释标签,高版本的浏览器会识别标签是样式表,并忽略里面的html注释标签,会解析它,低版本的浏览器有的不识别标签,就会把样式表的内容显示在页面上,所以加上注释标签,这样就算低版本的浏览器不识别标签,也不会把里面的内容显示在页面上。原创 2014-06-16 09:52:13 · 1601 阅读 · 0 评论 -
IE7下解决A标签使用padding宽度自适应 padding失效的问题
padding:0 10px; overflow:visible; padding-right:-10px;原创 2014-11-03 17:40:46 · 1844 阅读 · 0 评论 -
字体格式:ttf,woff,eot
生成网页字体 https://onlinefontconverter.com/eot:IE onetype是微软和Adobe共同开发的字体,IE浏览器全部采用这种字体。woff:其它浏览器 woff(web开发字体格式)是一种专门为web而设计的字体格式标准,实际上是对truetype/onetype等字体格式的封装,每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被压原创 2017-07-12 17:41:38 · 2059 阅读 · 0 评论 -
日常css小tips
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080解决方案:touch-action: none;原创 2017-06-24 14:45:32 · 1283 阅读 · 0 评论