作家
登录
  • 在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)

    测试条件: 1.不管出于什么目的,在公共样式中定义了input元素的margin属性,input { margin:0; } 2.在IE6中测试 测试代码: 复制代码代码如下: <html> <style> input { margin: 0; } </style> ...

    作者:asdasdasd11-19
  • css 空白外边距互相叠加的解决方法

    先看如下demo代码:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>空白边距叠加demo@Mr.Think</title>
    <style>
    body{width:300px; font-family:'微软雅黑'; font-size:...

    作者:asdasdasd11-19
  • Html 页面的强制换行问题总结

    一般是使用样式:table-layout:fixed。不过在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个测试,得出 一种解决办法。
      如果想要一个table固定大小,里面的文字强制换行(尤其是...

    作者:asdasdasd11-19
  • CSS制作网页之浅谈CSS编码与组织技巧

    组织你的样式表
      尽管我们有种种 CSS 的开发工具,比如 TopStyle,比如 StyleMaster,它们可以让你对当前这个样式表里面定义了哪些规则,涉及哪些 class,哪些 ID 一目了然,但这不等于说你的...

    作者:asdasdasd11-19
  • DIV半透明代码 兼容主流浏览器

    <div style="filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;width: 100%;">
    from www.jb51.net
    </div>
    提示:您可以先修改部分代码再运行

    ...

    作者:asdasdasd11-19
  • IE CSS Bug及解决方案参考手册

    当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛...

    作者:asdasdasd11-19
  • 说说CSS Hack 和向后兼容(推荐)

    增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有...

    作者:asdasdasd11-19
  • IE7,IE8 BUG导致CSS下载二次的解决方法

    测试: 正常的CSS加载代码写法: <link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" /> 这样写大家都知道加载是不会有任何问题的,所以也不贴监控图解释了。 在经过...

    作者:asdasdasd11-19
  • css hack总结 图片整理版

    查看如下表格:
    常用CSS Hack技术

    不常用CSS Hack技术


    ...

    作者:asdasdasd11-19
  • IE6对多个CSS样式的解析

    测试代码 复制代码代码如下: <html> <head> <title>IE6对多个CSS样式的解析</title> <style type="text/css"> body { font-size:12px; } .West { color:Green; } .West.Color { color: Red; } <...

    作者:asdasdasd11-19
  • 网页中css四种链接引用方法浅谈

    <%--第一种方法--%>
      <link href="/site.css" rel="stylesheet" type="text/css" />
      <%--第二种方法--%>
      <link href="site.css" rel="stylesheet" type="text/css" />
      <%--第三种...

    作者:asdasdasd11-19
  • display:inline的用法

    <div> DIV1 </div> <div> DIV2 </div> 这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了 <div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div> DIV1和...

    作者:asdasdasd11-19
  • DIV+CSS 浮动布局完美解决方案

    浏器自身的问题往往是这些麻烦的罪魁祸首。Firefox对标准的支持较好些,IE7、IE8次之,IE6目前用户群较多,但也比较糟糕,经常莫名其妙地多出一些空隙等等。拿浮动布局来说,你算好的宽度在Fire...

    作者:asdasdasd11-19
  • css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程

    IE7.0简体中文正式版发布了,对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!important了,是件好事情,但是也给广大的在IE6时代使用!important来区...

    作者:asdasdasd11-19
  • CSS定义字体间距 字体行与行间距

    CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性 属性含义 属性值 Word-spacing 定义了各个单词之间的间距 Nor...

    作者:asdasdasd11-19
  • CSS 网页背景渐变实现代码

    网页背景渐变是经常用到的效果,下面用的滤镜,当然在非IE下是没效果的。
    一、从上往下渐变
    body{FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,...

    作者:asdasdasd11-19
  • 最大限度的分离table的样式与结构

    但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table来评判页面质量,这是不对的. table也有它存在的作用,很多页面功能(比如数据表格类,表单对齐等)用table实现远比用di...

    作者:asdasdasd11-19
  • css样式实现整个页面背景使用一张图片

    这样实现的好处很多,网页加载一个背景图片大大加快了网站浏览速度,也非常便于网站整体风格修改。难度在于制作的背景图片如何截取指定的位置作为某个地方的背景,仔细研究发现还是不难的,首先...

    作者:asdasdasd11-19
  • CSS3 选择器 伪类选择器介绍

    伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CS...

    作者:asdasdasd11-19
  • div+css通用兼容性代码整理

    一、Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 复制代码代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:&rdquo;.&rdquo;; display:blo...

    作者:asdasdasd11-19
  • css 行级元素在多浏览器下的宽度问题 与解决方法

    结果如下:
    FF3:

    IE6(使用IE Tester):

    IE7:

    Safari4:

    看来还是使用&-n-b-s-p-;的兼容性最好。
    mt-inline-block的内容:复制代码代码如下:html>body .mt-inline-block{display:-moz-inline-bo...

    作者:asdasdasd11-19
  • css 非表格垂直对齐效果代码

    第一:相对定位和绝对定位 以下是一固定宽高的Div的垂直居中代码 复制代码代码如下: div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; borde...

    作者:asdasdasd11-19
  • Firefox下div层被Flash遮住的解决方法

    1.Flash设置透明,<param name="wmode" value="transparent"> 2.注意<embed中的 wmode="transparent"... 代码 复制代码代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"...

    作者:asdasdasd11-19
  • CSS3 网页下拉菜单代码解释 中文翻译

    当我在为 WordPress 编写 Notepad 主题 时,顺道学习了一些新的 CSS3 特性,现在此分享。查看演示可以看到一款类似 Mac 风格的多级下拉菜单,使用 border-radius,box-shadow 和 text-shadow 创...

    作者:asdasdasd11-19
  • 基于CSS的30个导航和按钮优秀设计教程

    CSS导航及菜单教程s
    01.高级CSS菜单 : Webdesignerwall

    02.导航教程 : Ehousestudio

    03.技巧: 为Wordpress导航使用滑动门 : Wphacks

    04.: Howtocreate

    05.下拉式 : Dave-woods

    06.横向动画...

    作者:asdasdasd11-19