CSS
文章平均质量分 71
絮飘
每天进步一点点!
展开
-
让CSS兼容IE和Firefox的技巧集合
让CSS兼容IE和Firefox的技巧集合 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且D原创 2011-10-12 16:54:24 · 2628 阅读 · 3 评论 -
CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧 1.div的垂直居中问题 vertical-align:middle;原创 2011-11-23 15:28:50 · 402 阅读 · 0 评论 -
css设置透明
可以用滤镜做出很多的特殊效果的,不过里面有几项是要配合JavaScript才能实现的:1. Alpha:设置透明度Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明。FinishOpacity:设置渐原创 2011-11-03 17:19:41 · 1155 阅读 · 0 评论 -
ie和火狐兼容问题
1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题: 现有代码中许多原创 2011-11-25 11:28:22 · 502 阅读 · 0 评论 -
关于div设置背景颜色透明度
方式一:通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制:filter: Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPerce原创 2011-12-08 19:32:17 · 1379 阅读 · 0 评论 -
div固定在页面中
http://wpa.qq.com/pa?p=13:20989163:11" border=0 usemap="#Map"/>原创 2011-12-13 17:10:28 · 610 阅读 · 0 评论 -
告别图片—使用字符实现兼容性的圆角尖角效果beta版
告别图片—使用字符实现兼容性的圆角尖角效果beta版by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=332一、前言百度百科上是这样解释字符的——字符是指计算机中使用的字母、数字、字和符号,包括:1、2、3、A、B、C、~!·#¥%……—*()——+原创 2011-12-31 10:11:37 · 1790 阅读 · 0 评论 -
CSS gradient渐变之webkit核心浏览器下的使用
一、关于渐变渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome),有两种类原创 2012-02-27 10:45:25 · 754 阅读 · 0 评论 -
CSS如何设置html table表格边框样式
CSS如何设置table表格边框样式1、只对table设置边框2、对td设置边框3、对table和td技巧性设置表格边框4、对table和td设置背景,实现完美表格边框以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例;table宽度为400px;表格为三列三行,对以上四种情况表格转载 2013-11-11 10:25:56 · 2909 阅读 · 0 评论 -
HTML转义字符
字符十进制转义字符"""&&&<<>>>不断开空格(non-breaking space) HTML特殊转义字符对照表字符十进制转义字符字符十进制转义字符原创 2013-12-12 16:21:50 · 910 阅读 · 0 评论 -
face='Webdings' 的字体对照表
刚才研究动网论坛代码,发现一个页面提示标记 i 感觉很神奇,看了半天才明白原来是一种叫“Webdings”的字体,其实很简单,只需要i即可,真是孤陋寡闻。于是网上搜索一下对照表做个记录 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O转载 2013-12-12 16:19:54 · 1929 阅读 · 0 评论 -
LESS CSS 框架简介
简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,转载 2014-07-16 15:39:39 · 667 阅读 · 0 评论 -
transform使用参考指南
语法transform :none | [ ]*取值指定一个身份转变说明应用于block水平和inline水平的元素。transform可以对元素进行角度旋转和缩放,请使用webkit内核最新版浏览器浏览该文章以保证CSS3效果能够完全呈现在设置了transform属性后,可以设置transform-origin属性,这个属性控制变形时的源转载 2014-07-31 09:19:42 · 1155 阅读 · 0 评论 -
DIV+CSS圆角边框
简洁型css圆角: 方法1:<!--.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b, .b {display:block; overflow:hidden}.b1, .b2, .b3, .b1b, .b2b, .b3b {height:1px}.b2, .b3, .b4, .b2b, .b3b, .b4b, .b {bo原创 2011-10-30 16:55:17 · 563 阅读 · 0 评论 -
css制作圆角按钮
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" xml:lang="en">Stu Nicholls | CSSplay | Another snazzy menu#outer {display:block; position:relative; backgro原创 2011-10-30 11:18:27 · 1721 阅读 · 0 评论 -
使用 CSS3 可以实现的五种很酷很炫的效果
CSS3 给 Web 开发带来了革命性的影响,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话,可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等,尽情欣赏吧。1.制作精美的按钮BonBonzardialexwhinfield原创 2011-10-31 00:57:09 · 1491 阅读 · 0 评论 -
纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
.img_v { display:table-cell !important; display:block; position:static !important; position:relative; overflow:hidden; width:400原创 2011-10-13 13:04:20 · 1726 阅读 · 0 评论 -
DIV+CSS设计时浏览器兼容性问题
什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。好吧,我服了行吧,原创 2011-10-13 12:59:00 · 500 阅读 · 0 评论 -
如何让div中的内容垂直居中
如何让div中的内容垂直居中 Line-height效果演示 虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CS原创 2011-10-13 10:31:09 · 1014 阅读 · 0 评论 -
CSS Sprites + 圆角
初步介绍当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用,所以转载 2011-10-19 10:23:41 · 597 阅读 · 0 评论 -
深入分析纯css画圆角矩形原理
深入分析纯css画圆角矩形原理原理分析:在这里,利用的是像素点绘制圆角的方法,先看一个用像素绘制的圆角:扩大了就是这样:我们把它分作若干个部分来写样式,请看图示:看过demo的朋友应该知道了我所描述的几大优势:1. 无论是在横向还是纵向上都保持着无限的扩展性。2. 没有hack,且不易出现浏览器兼容性问题。3. 圆角颜色易自定义。原创 2011-10-23 18:43:45 · 1679 阅读 · 0 评论 -
如何使CSS跨浏览器兼容
作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨 浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理解 CSS 盒子模型是原创 2011-10-23 16:18:47 · 690 阅读 · 0 评论 -
Css控制图片大小,自适应缩放,兼容IE6和Firefox
Css控制图片大小,自适应缩放,兼容IE6和FirefoxCss控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-height可以控制图片的大小,如果图片宽度超过内容区域,则限制其大小为指原创 2011-11-15 11:57:07 · 2621 阅读 · 0 评论 -
PNG图片在IE6下透明度解决方法
PNG格式图片因其高保真性、透明性及文件大小较小等特性,被广泛应用于网页设计、平面设计中。网络通讯中因受带宽制约,在保证图片清晰、逼真的前提下,网页中不可能大范围的使用文件较大的bmp、jpg格式文件,gif格式文件虽然文件较小,但其颜色失色严重,不尽人意,所以PNG格式文件自诞生之日起就大行其道。 PNG格式图片通常被我们当做素材来使用,在设计过程中,不可避免的要搜索相关文件,如果是JPG原创 2011-10-26 22:33:40 · 1694 阅读 · 2 评论 -
如何使用 CSS3 添加圆角圆角文本框
通过使用 层叠样式表 (CSS),级别 3 (CSS3) 为布局元素生成圆角,可以美化网站的外观。 本主题演示了通过使用 Windows Internet Explorer 9 中的新圆角内置支持让您的网站布局更具吸引力的几个基本方法。 它包含以下几部分:起点生成全部相同的圆角分别生成多个圆角使用椭圆生成圆角使用其他浏览器生成圆角汇总使用早期版本的 Internet Explorer翻译 2011-10-29 10:59:35 · 9666 阅读 · 0 评论 -
DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程
DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程。本节为大家介绍常见的CSS 虚线及DIV教程。CSS虚线下划线、列表虚线统统搞定。目录CSS虚线边框CSS超链接虚线下划线列表型CSS虚线下划线CSS定义一条水平虚线1、CSS边框虚线 - TOP这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css h翻译 2011-10-30 11:21:35 · 3464 阅读 · 0 评论 -
主流浏览器中line-height的算法
最近讨论到了line-height的问题,做了一个实验,分别测试占主流的Firefox、IE6、IE7、IE8下的line-height的算法。1.第一种情况,字体为宋体,在不设置line-height时,font-size:12px。Firefox—-字体实际高度为11px,上留白1px,下留白2px,上下所占空间为14px。IE6—–字体实际高度为11p原创 2011-10-30 14:58:44 · 1543 阅读 · 1 评论 -
纯css实现的质感圆角按钮
说明:1、display:inline-block; 这个属性IE8和firefox3.0已经支持,IE6和IE7不支持,解决方法是*display:inline; zoom:1;原因如下: 使得display:inline;使得IE下元素变成内联元素,然后使用zoom:1;触发块元素的layout(我理解为可布局——对高度宽度敏感)。2、class为“c”和“d”中的样式中用line-h原创 2011-10-30 18:51:55 · 1339 阅读 · 0 评论 -
LESS CSS 框架学习
使用 LESS 简化层叠样式表(CSS)的编写LESS 是动态的样式表语言,通过简洁明了的语法定义,使编写 CSS 的工作变得非常简单。本文将通过实例,为大家介绍这一框架。转载 2014-08-21 10:36:50 · 855 阅读 · 0 评论