Css
文章平均质量分 65
iteye_7071
这个作者很懒,什么都没留下…
展开
-
reset.css
/********************************************* DATE:Time ****** AUTHOR:你的英文名 ******TEAM:公司名称 ****** INTRO:cssName ************************************...原创 2014-05-05 09:03:37 · 50 阅读 · 0 评论 -
彩色图片变灰色
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter:grayscale(1);原创 2014-05-22 19:18:31 · 165 阅读 · 0 评论 -
ie6常见css bug
相信每个前端人都会有同感——ie6这东西真是万恶啊!就连ms也大力鼓励消费者淘汰ie6,不过很不幸,大概是因为xp绑定了ie6,因此在国内ie6的市场占有率仍高达42.43%,这是今年2月份的数据。也正因ie6的高占有率,因此在网站开发时也不得不考虑兼容ie6,就算不做到完美兼容,来个基本兼容也是必须的,起码不要让你的网站在ie6中乱套了。今天就跟大家分享一些平时积累的ie6 bug解决方法。...原创 2014-05-19 18:16:21 · 90 阅读 · 0 评论 -
RGBA
为颜色加透明度值:rgba值,“a”在该属性中代表:alpha。alpha的取值范围是从0到1。这个新特性允许我们指定一个透明的颜色值,使得我们的工作更轻松了。。 练习用html:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><...原创 2014-05-15 11:02:20 · 125 阅读 · 0 评论 -
background-size背景图片
background-size的特定值:cover: 保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域;contain: 保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域;这个具体还没有用过,我使用的时候是将背景部分,仍以两倍大小来切出来,在css中,将background-size的值设为缩放后的大小,问题就解决了。...原创 2014-05-15 10:57:58 · 113 阅读 · 0 评论 -
CSS网页布局时常犯的10个小错误
[From:网页教学网]CSS网页布局时常犯的几种小错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出...原创 2014-05-15 10:47:51 · 75 阅读 · 0 评论 -
linear-gradient渐变
渐变色在开发中是经常使用的,下面介绍了各个浏览器下的不同写法。<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</title>&am原创 2014-05-15 10:21:44 · 105 阅读 · 0 评论 -
IE6下解决text-align:center
Html代码 <style type="text/css"> .container{ text-align: center; border: solid 1px blue; } </style> <div class=container> <table> ...原创 2014-05-13 13:28:38 · 173 阅读 · 0 评论 -
ie6,ie7,ie8 css bug兼容解决记录
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法!1:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人...原创 2014-05-11 16:43:54 · 70 阅读 · 0 评论 -
浏览器css bug及bug解决方法
Bugs及解决方案列表(以下实例默认运行环境都为Standard mode):如何在IE6及更早浏览器中定义小高度的容器?方法:#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG?方法:...原创 2014-05-11 16:27:47 · 168 阅读 · 0 评论 -
css height:auto;不起作用
overflow:hidden;/*加上它,即可*/原创 2014-05-09 13:35:25 · 565 阅读 · 1 评论 -
border-radius 圆角边框
在css3.0中,又添加了一个新的属性border-radius,使用border-radius这个属性可以实现圆角边框的效果。除IE和遨游外,目前有Firefox ,Safari,Chrome,Opera支持该属性,其Safari,Chrome,Opera是支持最好的,依照了w3c的标准,仅仅使用border-radius,就可以实现效果,无需加入前缀-webkit。而火狐依然需...原创 2014-05-09 13:32:09 · 90 阅读 · 0 评论 -
前端CSS规范整理
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书 /css/book/电影 /css/movie...原创 2014-05-07 10:16:02 · 69 阅读 · 0 评论 -
CSS兼容性常见问题
DIV+CSS设计IE6、IE7、FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的...原创 2014-05-06 21:05:02 · 102 阅读 · 0 评论 -
CSS技巧及常见问题列表
1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。 如:div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc;}...原创 2014-05-06 20:57:33 · 134 阅读 · 0 评论 -
transform的语法
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: tran...原创 2014-05-28 08:49:09 · 349 阅读 · 0 评论