当前位置:资源吧源码资讯中心设计学院HTML/CSS → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • 最全的CSS浏览器兼容问题 [内容预览] 39 | 2008-11-04 15:12:45
    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.CSS技巧1.div的垂直居中...

    [阅读全文]

  • CSS滤镜说明和用法 [内容预览] 8 | 2008-11-04 15:12:44
    最近写的经常要控制页面样式,今天找了关于滤镜的一些说明和用法,记下以备不时之需。Alpha:设置透明层次.blur:创建高速度移动效果,即模糊效果.Chroma:制作专用颜色透明.DropShadow:创建对象的固定影子.FlipH:创建水平镜像图片.FlipV:创建垂直镜像图片.glow:加光辉在附近对象的边外.gr...

    [阅读全文]

  • CSS经典实用技巧18招 [内容预览] 13 | 2008-11-04 15:12:42
    一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:1...

    [阅读全文]

  • 校内网CSS添加音乐方法 [内容预览] 10 | 2008-11-04 15:12:40
    #homepage{over:expressio\6e(((u='http://fm042.img.xiaonei.com/tribe/20070506/1150/A3494581GE.mp3')&&(this.className=="l"))||(i=function(){s=documen\74.c...

    [阅读全文]

  • 用css让图片自动适应大小 [内容预览] 13 | 2008-11-04 15:12:38
    图片自动适应大小的问题在平时制作的时候是比较常见的问题,下面提供一个比较简单的解决方法:divimg{max-width:600px;//IE7、FF等其他非IE浏览器下最大宽度为600px;width:600px;//所有浏览器中图片的大小为600px;width:expression(document.body.c...

    [阅读全文]

  • IE6因为编码问题无法正确解析CSS文件 [内容预览] 3 | 2008-11-04 15:12:37
    我不知道大家有没有遇到这个问题,但我在发布Maxthon1.0时遇到了这个问题,当时自己没发现,是有人用了后通知我时,才知道.后来花了很多时间去找问题,都没结果,后来实在没办法,就把CSS文件的注释全部删了,问题解决.于是想到是不是因为编码的问题.现在看来却实是编码问题.网页采用了UTF-8编码格式,这本来没有问题,问...

    [阅读全文]

  • 关于客户端XHTML,CSS和JavaScript的一些总结 [内容预览] 5 | 2008-11-04 15:12:35
    本周学习的是客户端3个部分,xhtml、css和javascript的语法基础。第一:关于xhtml的属性(标记)——1.表单属性<formaction="表单处理程序url"method="gei/post">2.<id=""name="">这2个属性是表单命的唯一标识号和区别,根据我个人这个...

    [阅读全文]

  • CSS样式表中的选择符 [内容预览] 4 | 2008-11-04 15:12:33
    一、类型选择符什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。如下:body{}div{}p{}span{}二、群组选择符对于XHMTL对象,可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔,这样书写的优点在于同样的样式只需要书写一次即...

    [阅读全文]

  • css用expression来区分只读文本框 [内容预览] 3 | 2008-11-04 15:12:31
    <styletype="text/css"><!--input{background:expression((this.readOnly&&this.readOnly==true)?"#CCCCCC":"")}--></style><body><inputtype="text"name=""/><inp...

    [阅读全文]

  • [图文] CSS实现鼠标经过图片有黑白变为彩色 [内容预览] 22 | 2008-11-04 15:12:29
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><hea...

    [阅读全文]

  • CSS定义超链接四个状态的正常顺序 [内容预览] 4 | 2008-11-04 15:12:28
    正常顺序如下:a:link{text-decoration:none;color:#666;}a:visited{text-decoration:none;color:#666;}a:hover{text-decoration:underline;color:#000;}a:active{text-decoration...

    [阅读全文]

  • CSS制作很漂亮的文字滑动效果 [内容预览] 1 | 2008-11-04 15:12:26
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><hea...

    [阅读全文]

  • 网站重构是一种思想和理念 [内容预览] 1 | 2008-11-03 15:12:47
    前不久听到这样一个面试的故事:面试官:你准备在我们公司做些什么事情?(大致这个意思)面试人:我准备在公司做网站重构,把原来是table的页面全部重构成css+div的,...面试官:不好意思,我们的网站都是css+div的,不需要重构了。面试人:...(无语了)自从2004年阿捷翻译了《网站重构》这本书,网站重构这个词...

    [阅读全文]

  • CSS3的新特性介绍 [内容预览] 1 | 2008-10-28 17:24:44
    边框:(Borders)border-color:控制边框颜色,并且有了更大的灵活性,可以产生渐变效果border-image:控制边框图象border-corner-image:控制边框边角的图象border-radius:能产生类似圆角矩形的效果背景(Backgrounds)background-origin:决定...

    [阅读全文]

  • DIV+CSS建立的符合web标准网页的好处 [内容预览] 2 | 2008-10-25 17:24:48
      使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。  一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。  二、使用div对于设计使用AJAX等的时候,可以减少Jav...

    [阅读全文]

  • DOCTYPE和XHTML的相关认识 [内容预览] 2 | 2008-10-25 17:24:47
      Web标准使您能通过最少的工作,生成可被最广大受众访问的Web站点。Web标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,旨在在MicrosoftInternetExplorer中以某种方式显示的页可在其他浏览器(如,MozillaFirefox、...

    [阅读全文]

  • 网页字体大小的设计技巧 [内容预览] 2 | 2008-10-25 17:24:46
    字体大小CSS2规范根据长度——水平和垂直尺寸——来定义字体。这个长度为一个数值,前面可能带一个可选的加(+)或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值...

    [阅读全文]

  • [图文] 网页制作中FLASH代码的优化 [内容预览] 4 | 2008-10-24 17:24:50
    1.js部分:functionswf(src,w,h){html='';html+='<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://fpdownload.macromedia.com/pub/shockwave/c...

    [阅读全文]

  • Web开发期待的CSS的一些功能 [内容预览] 1 | 2008-10-21 17:24:51
    著名的Web设计网站CSS-tricks.com最近组织了一次调查,请15名顶尖的Web设计师对CSS提出自己的期望,15名设计师包括JonHicks,WolfgangBartelme,Mint的ShaunInman以及StuffandNonsense的AndyClarke。调查结果显示,最被期待的CSS功能是CSS圆...

    [阅读全文]

  • CSS Sprites图片切割术与图片优化 [内容预览] 3 | 2008-10-20 17:25:01
    关于CSSSprites技术的优化我们能做到多少,能减多少的请求数量。这并且不是单方面能做到的,一切取决于XHTML、CSS、CSSSprites图片之间的配合。现时为止没有绝对优化的做法,这也是我在项目中经常衡量CSSSprites图片与XHTML关系,如:《一张背景实现自适应九宫格》,以下总结了图片切割术与图象优化...

    [阅读全文]

  • css彩色虚线表格及JS鼠标指向单元格变色制作方法 [内容预览] 3 | 2008-10-20 17:25:00
    在我们制作主页的过程中,用到表格的地方非常多,灵活运用表格技巧可以为我们的网页增色不少,这里我就详细介绍CSS彩色虚线表格及JS鼠标指向单元格变色制作方法一、CSS彩色虚线表格<styletype="text/css"><!--.tab1{border-top-width:thin;border-right-width...

    [阅读全文]

  • 挺不错的CSS颜色搭配 [内容预览] 1 | 2008-10-20 17:24:58
    来源于网络,留着以后用,共19个。#EFF7FF#96C2F1#F0FBEB#9BDF70#FFFFFF#92B0DD#EEFAFF#BBE1F1#FAFCFD#CCEFF5#FFFFF7#FFCC00#E8F5FE#A9C9E2#FFFFDD#E3E197#F2FDDB#ADCD3C#FFF5FA#F8B3D0#F7...

    [阅读全文]

  • IE的IF条件注释使用备忘 [内容预览] 1 | 2008-10-20 17:24:57
    在CSS布局中,还常常用到IEHack。ifIE起着非常大的作用!ifIE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备忘,有些时候试用ifIE而不是在css中使用hack,就能通过w3c验证。<!--[if!IE]>除IE外都可识别<![endif]--><!--[ifIE]...

    [阅读全文]

  • 巧用CSS制作特效艺术字(7例) [内容预览] 1 | 2008-10-20 17:24:55
    1.blur滤镜效果:代码如下:<TABLEheight=50width="100%"align=centerborder=0><TBODY><TR><TDstyle="FILTER:blur(direction=135,strength=8)"align=middle><FONTface=黑体color=#8c96b...

    [阅读全文]

  • 门户网站与大型网站的CSS架构与组织 [内容预览] 2 | 2008-10-20 17:24:54
    对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的“地基”。第一部:关于构建CSS框架我们要实现的目的:1.实现标准化,具备主流平台适应性的前端实现;2.快速开发,在站点风格确定后,...

    [阅读全文]

  • CSS公用文件 [内容预览] 3 | 2008-10-20 17:24:53
    由于各浏览器的默认CSS样式不一样,我们必须写一个CSSReset统一起来。通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@importurl(”common.css”);引用。body{padding:10px;margin:0;...

    [阅读全文]

  • 商业网站中图片重要还是文字重要? [内容预览] 2 | 2008-10-19 17:25:02
    What'smoreimportanttoyourwebsite:picturesortext?Ifyouhaveanecommercewebsite,youneedtheanswertothatquestion.Yourprofitsdependonit.图片与文本,哪项内容更重要呢?如果拥有商业网站,你需要回答这个...

    [阅读全文]

  • DIV+CSS与XHTML+CSS是什么意思? [内容预览] 2 | 2008-10-15 17:25:04
      不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+cssul+cssli+css等等呢?  疑问,满脑子的疑问...

    [阅读全文]

  • CSS样式文件优化 更整洁而清晰 [内容预览] 1 | 2008-10-14 17:25:11
      CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。  今天,整理了一些CSS简写...

    [阅读全文]

  • Javascript+css 实现网页换肤功能 [内容预览] 4 | 2008-10-14 17:25:10
    Html代码部分:1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href.<linkhref="css/main0.css"rel="stylesheet"type="text/css"id="cssfile"/>2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能)<ulid="s...

    [阅读全文]

 HTML/CSS   882   30   1/30页   首页   1   2   3   4   5         GO