作家
登录
  • CSS样式表渐进增强的基本概念



    如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于...

    作者:asdasdasd11-19
  • 有序列表和段落设计华丽的网页列表数字



    在默认情况下,大多数浏览器都会将有序列表中的数字序列的与其列表文字内容显示为相同的字体。这篇快速教程将教你如何使用有序列表(ol)和段落(p)来设计华丽的列表数字...

    作者:asdasdasd11-19
  • 简单学习css组合与CSS嵌套的写法



    简单学习css组合与CSS嵌套的写法.



    CSS组合

      你不必重复有相同属性的多个选择符,你只要用英文逗号(,)隔开选择符就可以了。

      比如,你有如下...

    作者:asdasdasd11-19
  • 纯css 鼠标移上查看大图的效果

    <!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>
    <met...

    作者:asdasdasd11-19
  • 简单介绍Web Developer插件制作网页



    Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。...

    作者:asdasdasd11-19
  • CSS解决方案:IE6中遇到png兼容性



    把背景图片如常的合并,利用相似于背景坐标的方式调用局部图片位置。最大区别在于分别定义了两个无意义的标签。



    为满足用户的视觉追求及产品的背景图...

    作者:asdasdasd11-19
  • Webjx收集基于CSS JS设计50款优秀的导航菜单



    下面Webjx.com要向大家推荐的50款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那...

    作者:asdasdasd11-19
  • CSS学习之类目之间竖线的练习实例



    最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法.



      最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法.



      我以前的做...

    作者:asdasdasd11-19
  • css 完美清除浮动的两种解决方案

    浮动一直是我们编写网页最常用的方法,但是也是最不听话的,一不小心会乱跑,虽然有万能的float闭合div多写一个可以解决掉,但是为了清除浮动而多出来一个空的div实在看着不爽,这里我在网上找到...

    作者:asdasdasd11-19
  • 页面重构工程师应该具有的技能和素质



    首先简单说明下我面试的范围,以明确下面所总结的范围:到目前为止,我主要是从事“页面重构工程师”这个职位的技术初试,所谓初试就是第一次的筛选,主要是技术,也...

    作者:asdasdasd11-19
  • CSS布局带来的巨大影响:CSS display属性值



    网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。



    应原书...

    作者:asdasdasd11-19
  • CSS教程(1):学习CSS背景相关知识



    CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。



    CSS 允许应用纯色作为背景,也允许使用背...

    作者:asdasdasd11-19
  • CSS网页布局学习之Font-size的妙用



    CSS网页布局学习之Font-size的妙用.



    我在做网站项目的时候通常需要定义一个高度为10px以下的div。代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD X...

    作者:asdasdasd11-19
  • CSS 浏览器兼容问题整理大全(比较全)

    从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中...

    作者:asdasdasd11-19
  • 无hack无js全兼容text-overflow-ellipsis效果

    超过宽度显示省略号(无js无hack全兼容) . PS. 由于使用的附件作为图片,使用其他浏览器测试时,保证登录才能看到完整效果。或者 点此下载(感谢by0001提供的下载包) ^-^ 三更半夜果然适于思考,...

    作者:asdasdasd11-19
  • 用div css模拟表格对角线

    这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之. 首先声明: 这只是探讨一种CSS模拟表格对角线...

    作者:asdasdasd11-19
  • css 透明度的设置兼容所有浏览器

    复制代码代码如下: .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this post out of the archives and updat...

    作者:asdasdasd11-19
  • 样式表达式实现交替显示table行颜色

    <heand>
    <mce:style type="text/css"><!--
    tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")}
    --></mce:style><style type="text/css" mce_bogus="1">tr ...

    作者:asdasdasd11-19
  • import link的具体区别

    我们知道在网页中引用外部CSS有两种方式,即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?linklink就是把外部CSS与网页连接起来,具体形式
    @import
    import文...

    作者:asdasdasd11-19
  • CSS 样式 层裁剪图片

    复制代码代码如下:<div style="width: 800px; height: 100px; overflow: hidden;"> <img style="margin-top:-25px;" src="http://www.bjxxd.com/school/images/hult.jpg" alt="hult" /> </div>原...

    作者:asdasdasd11-19
  • CSS+DIV 拼图(26个英文字母)


    <!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>
    ...

    作者:asdasdasd11-19
  • 菜单 stepdown 呈递下沉的解决方法

    关于&ldquo;stepdown&rdquo;,确实不知道能用什么精辟的语言来形容他,其实就是浮动层下呈递下沉状态,如上图所示这个画面让我们不难相处,笔者是想做一个菜单之类的东西,每个块是左浮动。那让...

    作者:asdasdasd11-19
  • CSS 实例实现清除浮动

    在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:H...

    作者:asdasdasd11-19
  • ie6 position-fixed效果

    1、参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 2、操作系统:Windows 我喜欢position:fixed,它很酷。 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器...

    作者:asdasdasd11-19
  • CSS 像素图制作攻略

    以图片中的色青蛙为例子。16X16的像素图,所以使用了如下的命名方法:
    r N c N - NN = r[0-15]c[0-15] (r = rol, c-col, N为自然数:0-15 )
    1.命名的规则抄袭了XXX栅格化的那篇文章。
    r0c1 即...

    作者:asdasdasd11-19