-
全面兼容ie6,ie7,ie8,ff的CSS HACK写法
CSS代码: 复制代码代码如下: <style type=”text/css”> #body { border:2px solid #00f; /*ff的属性*/ border:2px solid #0909; /* IE6/7/8的属性 */ border:2px solid #F90 ; /*...
作者:asdasdasd11-19 -
CSS 透明背景时,记得给容器加上width宽度
在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下: filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Moz + FF */ opacity: 0.7; /* 支持CSS3的浏览器(F...
作者:asdasdasd11-19 -
跨浏览器开发经验总结(二) CSS
CSS类级别的hack仅IE7识别 *+html {…} IE6及IE6以下识别 * html {…} opera、safari、chrome识别: @media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3...
作者:asdasdasd11-19 -
div水平垂直居中的完美解决方案
让div居中对齐使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。...
作者:asdasdasd11-19 -
用CSS设置表格Table的细边框的比较好用的方法
设置Table的细边框通常有这么几种方式: 1、设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。这个方法有些邪气,...
作者:asdasdasd11-19 -
div 内table 居中实现代码
css代码: 复制代码代码如下: #dlgReply { /*display: table-cell; text-align: center;*/ vertical-align: middle; } table { margin-left: auto; margin-right: auto; } html代码: 复...
作者:asdasdasd11-19 -
编写易于管理的css的技巧
下面是二系列内容中的第一部分,第一部分我们关注对于管理样式的观点,并在其基础上总结出可行的方案。第二部分我们将对以上结论进行对比。强大的css技术最近几年已经被广泛推广了。感谢Wired r...
作者:asdasdasd11-19 -
CSS样式在IE6下无效的问题解决方法
问题症状: 1、<link href="css.css" rel="stylesheet" type="text/css" /> 通过link方式引用css,在ie7,ie8可以正常显示,ie6不能正常显示。 解决: 1、改变文件编码格式为utf-8,并在css文件...
作者:asdasdasd11-19 -
具有Float属性的元素依然居中
第一种方法,需要对包含li的ul增加一些样式(需要一些Hack),并且同时对外层的div设置text-align:center属性。 以上两项必须同时设置,否则不起作用,此时就可以达到我们的目的了。 第二种方法...
作者:asdasdasd11-19 -
基于firebug的firefox扩展 css usage
可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况——这个很好,可以看到CSS的在网站中的全局使用情况。
作者:asdasdasd11-19
预览:
下载地... -
css hack之清除浮动(clearfix)
<div class='clear'></div> 但这样增加了页面的结构的源代码,造成代码的拥肿,其实也可以有更好的办法, 在浮动元素的外包clearfix样式 复制代码代码如下: <div class="clearfix"> <div cl...
作者:asdasdasd11-19 -
如何布局登录页面
所谓login就是一般的登录页面,应用系统或网站后台都会用到这个login页面,因为通过这个页面的用户名密码信息的验证才能登进系统做必要的操作。所以这个页面这个页面的关键及重要性不言而语。另...
作者:asdasdasd11-19 -
IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
外置 .main{ float:left;#float:none;_float:none; html*.main{ float:left;#float:none;_float:none; } *+html .main{ float:left;#float:none;_float:none; } * html .main{ float:left;#floa...
作者:asdasdasd11-19 -
魔哥css圆角实现代码 (代码精简,完全自适应)
所用到的图片:
作者:asdasdasd11-19
<style type="text/css">
body,p,div {margin:0;padding:0;}
.Box {margin:10px auto;width:500px;}
/*淘宝的圆角方法*/
.R-1-T,.R-1-B {height:6px;position:relative;backg... -
CSS3 伪类选择器 nth-child()说明
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标准已提出数年,但是目前能实现她的浏览器并...
作者:asdasdasd11-19 -
解决IE6下Position:fixed问题
解决此问题的要点主要有: 1).容器要有一个背景图片 2).设置它的滚动属性为fixed。 3).用IE特有的e­xpression方法计算出元素的top,left,right,bottom的量。
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3... -
CSS滤镜同时过滤文字的问题的解决方法
经过本人查阅大量资料,实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明. html代码: 复制代码代码如下: <div id=”body”> <span><龙哥博客>解决...
作者:asdasdasd11-19 -
css3 border-image使用说明
在看这个属性时,好像国内的文章都没给大家说太明白,今天就一起说说 推荐大家看下 这篇文章 http://www.jb51.net/css/38358.html
作者:asdasdasd11-19
首先来一个素材图片whiteButton.png
然后我们要做成这样的效... -
CSS DIV元素与SPAN元素的区别
首先讲两个概念,一个是行内元素,一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响,属于应用样式,辅助应用样式表等作 用;而块级元素为一个块状,单独占据一行,相当...
作者:asdasdasd11-19 -
减少图片HTTP请求的方法分析
代码如下: 复制代码代码如下: <div style="border: 2px ridge rgb(51, 51, 51); background-color: rgb(244, 245, 235); width: 200px; padding-top: 4px;"> <center> <a href="javascript:ale...
作者:asdasdasd11-19 -
web标准教程,帮你走进web标准设计的世界 第一讲
一个网页的架构:声明,头部,主体,结束 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...
作者:asdasdasd11-19 -
CSS中右对齐float:right换行的解决办法
是不是很多朋友在应用FLOAT左右的时候也出现这个问题,下面给出几种常用的解决方法,希望对出现这样问题的朋友有所帮助哈。 第一种解决办法:把左右对换,比如吧日期放在标题的前面,我朋友就是...
作者:asdasdasd11-19 -
CSS多浏览器兼容性(IE和Firefox)技巧大全推荐
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题 vertical-align:middle;将行距增加到和整个DIV一...
作者:asdasdasd11-19 -
div模拟textarea文本域实现高度自适应效果代码
一、关于textarea文本域以及高度自适应
作者:asdasdasd11-19
textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框:
作为多行文本域功能来讲,... -
CSS3实战第一波 让我们尽情的圆角吧
如果说,WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影,那么从iPhone、Android这些高端手机应用 起,我们终于可以庆幸比其他同行提前迎来了一个新时代,这两种高端手机...
作者:asdasdasd11-19