-
最全的CSS浏览器兼容问题小结
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为flo...
作者:asdasdasd11-19 -
html 滚动条在IE6和IE7中兼容性问题
原因:在该页面元素的css样式中没有加对该元素显示的大小限制(高度height或宽度width。 解决方法:在css中增加对包含滚动条的页面元素的显示大小限制。 例子: 复制代码代码如下:<div> <tabl...
作者:asdasdasd11-19 -
CSS3 圆角效果
现在使用CSS3 技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性:border-radius,...
作者:asdasdasd11-19 -
CSS 样式表中引用图片地址在各浏览器中的差异
通常,我们的页面都是引用了很多样式文件,同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。通常,我们的样式和图片的结构如...
作者:asdasdasd11-19 -
CSS 优先级使用技巧
css优先级的四大原则:原则一: 继承不如指定如果某样式是继承来的永远不如具体指定的优先级高。例子1:CODE:<style type="text/css"> <!-- *{font-size:20px} .class3{ font-size: 12px; } -->...
作者:asdasdasd11-19 -
CSS 网页图文混排的10个技巧
1. 首行缩进
作者:asdasdasd11-19
你知道的,从小学,老师就教我们,段落的开头应该空两格。而你使用word的时候,也有首行缩进这个功能,但在html中你的空格键好像起不了作用了。当然,你可以用 来代替一个空格... -
网页布局教程 掌握CSS网页布局属性
由于是布局教程例子,在版面的细节上没有花更多时间精细修饰,不过我觉得模板的版面不错,懂CSS的可以下载进行更细致的美工将会是一个很不错的网页,初步学习的可以下载来修改修改属性参数从而更...
作者:asdasdasd11-19 -
IE6 两个div有间隙的问题(IE 3px bug)
已存在解决方法:利用float和margin的负值偏移来实现,这两种方法虽好,但是对于前一种方法如果这两个div包含在另一个div中,且这个div已经float的话,这个方法是无效的。本题目采用方法:即在其...
作者:asdasdasd11-19 -
CSS 空格引起网页布局间距问题
发现的“页面空格引起的间距问题”,是不同浏览器对“空格”宽度的解析不同造成的。 ie7浏览器解析的空格间距要比ie6/firefox大。 解决方法如下: 1.删掉空格 2.给需要间距...
作者:asdasdasd11-19 -
纯css 圆角实现代码
html 复制代码代码如下: <div class="curvedBox"> <span> <span class="r1" ></span> <span class="r2" ></span> <span class="r3" ></span> <span class="r4" ></span> </span> <div class="co...
作者:asdasdasd11-19 -
网页设计应该熟知的CSS 3.0技术
1. 基本的xhtml标记
作者:asdasdasd11-19
在开始这个教程之前,让我们来做点xHtml标记,我们需要的几个DIV来完成效果的显示,如下:
#round, 这个显示CSS 3圆角
#indie, 单个角的显示
#opacity, 不... -
IE的CSS制作网页技巧3则
IE注释:最安全的HACK IE的途径
作者:asdasdasd11-19
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->
这应该是我最常用的方法了,一般情况下,我们现在已经不用考虑IE5或者以下的... -
CSS 清除浮动方法大全
早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。
作者:asdasdasd11-19
而此段时间最烦的是森林群里面的一群人每天上班都在吵... -
CSS 语义化标记抛弃DIV标记
曾经,设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者,聪明的设计师们慢慢的接受了相对更语义化的<div>布局替代了...
作者:asdasdasd11-19 -
14款免费的RSS、CSS和HTML验证工具
不管是CSS验证,HTML验证还是RSS验证工具,我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。
作者:asdasdasd11-19
Firefox插件
CSS 验证... -
HTML/CSS对浏览器的判断
<!--[if lte IE 6]> <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /> <![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/css" href="images/css.css" /...
作者:asdasdasd11-19 -
CSS 多列布局问题简单解决方案
多列等高的问题
作者:asdasdasd11-19
上例中有包含不同内容的 3 列,可以看出存在的问题是列的背景色随着其包含内容的高度而自适应展开。这是我们要解决的问题。如何使所有的列等高?或具体的说,如何使所有列的高... -
CSS 关于浮动
什么是浮动?
作者:asdasdasd11-19
浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子:
在排... -
IE6 注释引起的文字溢出和浮动错位的解决思路
在网站改版过程中,Div和css代码都么没有问题,在IE7,IE8,Firefox下都能正常的运行,但是在IE6下,出现文字溢出的Bug, 通过对比正常的网页与出错网站的代码,发现是因为注释代码的问题.通过查询,得知...
作者:asdasdasd11-19 -
CSS 选择器支持列表
.css3selectors th, .explain {background-color:#FFFF66; padding:4px; }
作者:asdasdasd11-19
.css3selectors td {padding:4px;}
.css3selectors td.compliant {background-color:#009900;}
.css3selectors td.iff... -
IE6不支持CSS中的min-width/height属性问题的解决方法
这么好的语法,偏偏IE 6不支持,不过说不支持也不准确,事实上IE6本身在指定height与width的值时,就具有min-width和min-height的特性,只是如果单纯用height或width来指定,到了Firefox或IE 7时...
作者:asdasdasd11-19 -
HTML5和CSS3让网页设计提升到下一个高度
Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建 内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网...
作者:asdasdasd11-19 -
url 关于自动换行问题
举个例子来说明:
作者:asdasdasd11-19
使用: <wbr>, ​ and ­ 的其中一个在有可能要分开的字符后面。浏览器就会按需要换行。
原始的代码:
<div style="width:200px; border:1px solid #000000;"> http:/... -
15个必须阅读的CSS入门文章
你是新学习CSS?在这个漂亮的学习语言的初始过程可能是一个有点惊人,有很多可以学习它有时很难找出哪里开始。幸运的是有宝贵的大量信息和资源,那里的网络覆盖,通过先进的主题,从基本的一切。...
作者:asdasdasd11-19 -
CSS haslayout学习
什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸...
作者:asdasdasd11-19
