css2
noxLiu
这个作者很懒,什么都没留下…
展开
-
css前缀含义
}-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o代表operai私有属性转载 2015-08-12 08:29:32 · 453 阅读 · 0 评论 -
CSS使用经验总结
清除图片下方出现几像素的空白间隙方法1:img{display:block;}方法2:img{vertical-align:top;}除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的和值都可以方法3:#test{font-size:0;line-转载 2015-08-12 13:13:58 · 296 阅读 · 0 评论 -
rgba()和opacity的使用
rgba()表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数,“可以让制定的颜色透明化”(rgb()上扩展的,其只可以设置颜色,而不能使设置的颜色透明化)例子:rgba(55,146,179,.5) ; //rgb值为“55,146,179”,.5使设定的rgb值为50%透明,1为完全不透明,0为完全透明o转载 2015-08-11 14:40:32 · 360 阅读 · 0 评论 -
CSS强制性换行
一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,不换行。解决方法(以IE,chrome,FF为测试浏览器):{ word-转载 2015-07-28 13:45:45 · 323 阅读 · 0 评论 -
CSS中的长度单位
CSS中,长度单位有两种,分别是绝对长度单位和相对长度单位。 绝对长度单位 绝对长度单位分为in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和实际中常用的单位完全相同。重点介绍一下pt(磅)、pc(pica)。 pt(磅):是标准印刷上常用的单位,72pt的长度为1英寸。 pc(pic转载 2015-07-29 11:29:27 · 682 阅读 · 0 评论 -
Js 动态插入css js文件
function loadjscssfile(filename,filetype){ var file, //动态插入的文件 doc = document; if(filetype == "js"){ file = doc.createElement('script'); file.setAttribute("type","te转载 2015-07-29 11:06:52 · 475 阅读 · 0 评论 -
制作tooltips
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框。通过border属性思路:两个三角形,通过定位使两个三角形相差1px作为边框。CSS3 transfrom思路:先做一个两条边相同颜色的正方形,然后旋转一定角度就是三角形了特殊字符'♦'思路:特殊字符漏出上半部分,看上去就像三角形了转载 2015-08-12 13:45:39 · 352 阅读 · 0 评论 -
CSS3常用功能的写法
一、圆角(Rounded Corner).box_round { -moz-border-radius: 30px; /* FF1+ */ -webkit-border-radius: 30px; /* Saf3+, Chrome */ border-radius: 30px; /* Opera 10.5, IE 9 */}转载 2015-08-12 08:30:47 · 346 阅读 · 0 评论 -
ie hack
ie CSS和JS的各种Hack写法。原创 2015-07-28 09:55:47 · 396 阅读 · 0 评论