作家
登录
  • select和input不会继承字号body font-size

    复制代码代码如下: <!DOCTYPE html> <html lang="zh-Hans-CN"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>test</title> <style> body { font-size:...

    作者:asdasdasd11-19
  • IE6 Bug overflow:hidden失效

    下面就是我所收集或遇到的IE6 Bug之一:overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 CSS代码 复制代码...

    作者:asdasdasd11-19
  • 两个div并排的实现代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta h...

    作者:asdasdasd11-19
  • CSS list-style熟悉解释

    原来工作中曾经碰到过UL列表里一些异常的表现, 加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象 先看一...

    作者:asdasdasd11-19
  • CSS学习之二 选择器

    1、元素选择器:往往是HTML元素,也可能是XML定义的元素,举例: 复制代码代码如下: h1 {color:red;}/* 元素选择器 */ h2 {font:normal 12px/16px "Courier New",Arial;}/* css关键字由空格隔开...

    作者:asdasdasd11-19
  • css实现的漂亮的分页效果代码(橘黄色与蓝色)

    在做pj皮肤的时候到网上搜了个分页效果,因为颜色不搭就没用,但是个人认为挺漂亮。代码也够简洁。下面是用的背景图片:html代码: 复制代码代码如下: <div id="pagebar"> <a href="#"><<</a> <...

    作者:asdasdasd11-19
  • 3个比较有用的网页制作技巧

    一、在一行内声明CSS 复制代码代码如下: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; backgro...

    作者:asdasdasd11-19
  • 让Firefox未载入图片显示边框

    下面就是解决Firefox未载入图片不显示的解决办法:1.下载Stylish插件 https://addons.mozilla.org/zh-CN/firefox/addon/2108/2.安装并重启Firefox后,可以看到状态栏右侧有一个有S字母的灰色长方形...

    作者:asdasdasd11-19
  • IE6盒子模型没问题 详测双倍边距

    2010-8-18 去腾讯面试,问IE6。 前两天看的《IE6 很邪恶,但我爱它的盒子模型》,我说盒子模型如何如何,面试官告诉我IE5的盒子模型有问题,不是IE6。 回来查查书,《Web标准实战》上说了,是IE...

    作者:asdasdasd11-19
  • css3.0新属性效果在ie下的解决方案

    css3.0增加的新属性,如投影、渐变、旋转、圆角等等!这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持,相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这...

    作者:asdasdasd11-19
  • 使用CSS sprite 的好处和坏处分析

    原文:CSS Sprites: Useful Technique, or Potential Nuisance?
    译文:CSS Sprites:鱼翅还是三鹿?
    无处不在的 CSS sptites - 为数不多的几个可以直接跳过&rdquo;流行&rdquo;这个过程,而可以...

    作者:asdasdasd11-19
  • 多个浏览器透明度设置

    各个浏览器透明度设置 filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;

    ...

    作者:asdasdasd11-19
  • 编写跨浏览器兼容的 CSS 代码

    为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近...

    作者:asdasdasd11-19
  • CSS在移动网站开发的前端技术和技巧

    介绍
    Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同...

    作者:asdasdasd11-19
  • IE与Firefox中CSS兼容性技巧大全

    对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
    CSS技巧
    1.div的垂直居中问题
      vertical-align:middle; 将行距增加到和整个...

    作者:asdasdasd11-19
  • 优秀的CSS 框架整理

    比如: * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置下面是一些不错的CSS框架,推荐学习使用。


    Elemen...

    作者:asdasdasd11-19
  • 让IE6、IE7、IE8支持CSS3的脚本

    如果你需要一个支持CSS3 的box content,你需要添加一行代码: behavior: url(ie-css3.htc); 代码: 复制代码代码如下: .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius...

    作者:asdasdasd11-19
  • CSS min-height IE6、IE7、FF下DIV自适应高度

    在DIV的CSS中加入这句:min-height:200px;height:auto; 这样在高度超过200px之后 ie6 7 ff下高度都能自适应

    ...

    作者:asdasdasd11-19
  • 用网页技术CSS实现网页背景渐变的四种代码设置

    一、从上往下渐变 复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 复制代...

    作者:asdasdasd11-19
  • Css Reset 复位相关资料整理

    PS: *{ padding:0; margin:0; } 这就是最常用的Css Reset,但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使...

    作者:asdasdasd11-19
  • IE6 select z-index无效,遮挡div bug的解决方法

    今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只...

    作者:asdasdasd11-19
  • CSS和“★”字符制做的中国国旗实现代码

    在网上看见 某位牛人用CSS做的红旗 就是很牛! 上图先看:
    <html>
    <head>
    <title>CSS中国国旗</title>
    <style type="text/css">
    .all{
    background-color:red;
    width:960;
    height=640;
    ...

    作者:asdasdasd11-19
  • css屏幕居中的方法(推荐)

    复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; c...

    作者:asdasdasd11-19
  • CSS 层叠样式表命名参考表

    命名参考



    页面结构类


    描述
    下划线命名
    骆驼式命名
    参考命名




    面板
    ...

    作者:asdasdasd11-19
  • Vertical Text with CSS(用CSS竖向排列文本)

    CSS代码: 复制代码代码如下: #right-col { background-color:#000; color:#ff6600; width:390px; } #right-col p { -webkit-transform: rotate(-90deg); /* for Safari, Chrome */ -moz-transfo...

    作者:asdasdasd11-19