CSS - 本栏共有:174 篇文章 , 每页20 篇 ,  当前第2页 / 共9
  • 发布日期: 2008-10-31 15:14:11      
    firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || event.currentTarget 的用法。 其实这样的用法是错误的,因为这两个属性的意义都不一样。 event.currentTarget  ......
  • 发布日期: 2008-10-27 06:17:50      
    使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main {    overflow:hidden;} 期前也提到过这样的问题,更多信息可以看这里。 不让链接折行 a { &nb......
  • 发布日期: 2008-10-24 06:54:41    信息来源: 天极网   
    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效代码---CSS仿淘宝首页导航条按钮布局效果</title> <style> /*子鼠*/ body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} div,img{......
  • 发布日期: 2008-10-23 06:38:39    信息来源: 蓝色理想   
    用纯css打造星级评分效果正在被越来越多地应用在网络RIA中,结合ajax等技术,可以渲染出很出色的视觉效果和很棒的用户体验,在这篇文章开始之前,大家可以先去cssheaven感受一下。 最近由于项目需要,我在网上找了很多css星级评分的例子和说明,但是发现大多数都是翻译国外的文章,而且解释得并不是非常清楚,所以我决......
  • 发布日期: 2008-10-22 06:38:27    信息来源: Arting365.com    作者: 校内网
    a:link,a:visited{color:#6A471A;} a:hover,a:active{color:#AA712A;} .box-header a:link{color:#FFF;} .opi-apps .opi-content .feedbody .text-box, .opi-content .headline .title h2,body{color:#000;} .opi-apps .opi-content .feedbody .quote q{color:#616......
  • 发布日期: 2008-10-21 15:05:01    信息来源: 愚人码头   
    Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....相信看完全文您会对Css Reset有个重新的认识 原文地址: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ PS: * {     padding: 0;     margin: 0; ......
  • 发布日期: 2008-10-20 06:16:58      
    原文:http://www.gracecode.com/Archive/Display/2254 很多时候,希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时,会把连续的空格解析成一个,所以我们会使用 &nbsp; 等这样的占位符。 但是 &nbsp; 也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。 同......
  • 发布日期: 2008-10-17 06:06:55    信息来源: 蓝色理想   
    原文:http://www.zishu.cn/blogview.asp?logID=773 最近很少写CSS了,以后也可能写的会很少了,所以还是想把自已的一些经验能和大家分享一下,希望能给大家一些帮助! 这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。 1、*{} #zishu *{} 尽量避开 由于不同浏览器对HTML标签的解释有......
  • 发布日期: 2008-10-16 06:16:46    信息来源: Arting365.com   
          不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等等呢?   疑问......
  • 发布日期: 2008-10-15 06:15:01    信息来源: Arting365.com    作者: 52css
        Web标准化越来越受到大家的重视与关注,制作符合Web标准的网页,往往会遇到form的问题,这一块的知识很是缺乏,今天的这篇文章向大家介绍了一些form语义结构,在52CSS.com的大量文章中,也一直强调HTML文档的语义和结构的重要性,希望对大家的CSS布局有所帮助。 1、使用fieldset和legend标签   在......
  • 发布日期: 2008-10-01 06:51:56    信息来源: blog.donews.com   
    我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏首先它的属性有:是左栏,宽度,背景颜色,字体颜色等1.首先会定义一个class,比如:.layo......
  • 发布日期: 2008-09-30 06:48:40      
      你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。   现......
  • 发布日期: 2008-09-29 06:42:57    信息来源: blog.csdn.net   
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> CSS样式里使用JavaScript(onmouseover/onmouseout)2</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT="......
  • 发布日期: 2008-09-28 06:42:01    信息来源: forest53.com   
      由于各浏览器(IE、gecko、opera......)对CSS的渲染方式都有所不同,造成显示效果不同,所以可通过对其载入不同CSS的方法来解决,下面介绍下二种方法来实现,不一定很实用,难的玩一把。   纯CSS方式   .box{ background: #808080;   }    以下是引用片段:Code .box{ width: 2......
  • 发布日期: 2008-09-27 06:40:06    信息来源: 天极网   
      这是div+css布局中经常会碰到的基础问题,个人觉得采用背景图填充的方法,还是比较简单和切实可行的。最终效果。   CSS源代码: 以下是引用片段:  body{   background: #EDEDED;   font-size: 70%;   font-family: Arial, Helvetica, sans-serif;   line-height:&nbs......
  • 发布日期: 2008-09-26 15:04:48    信息来源: Arting365.com   
      CSS学习越深入,我们需要关注的细节之处就越多,今天我们通过11个注意点来提高CSS的网页渲染效率。   1、十六进制的颜色值对位数与大小写   编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标......
  • 发布日期: 2008-09-25 12:14:54    信息来源: Arting365.com   
      CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。对于非ie内核浏览器,通过设定display:table、display:table-row和display:table-cell来模拟表格的表现形式。   最外层#box { display:table; ......
  • 发布日期: 2008-09-24 15:33:07    信息来源: Arting365.com   
       我们在文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢?   在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优化知识的了解,发现其实标签的使用也是一门学问。 ......
  • 发布日期: 2008-09-23 06:47:19    信息来源: Arting365.com   
      CSS条状图表是我们在网页设计中常常会遇到的一种形式。条状图表可以将数量,以条状图形的形式直观的表示出来。   CSS基本条状图表的实现方法是什么?我们看下面的实例介绍: 以下是引用片段:<div class="graph">     <strong class="bar" style="width: ......
  • 发布日期: 2008-09-22 06:45:47    信息来源: Arting365.com   
      当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不同,用以给浏览者一个明显的指示。   下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何 实现当前页。   设菜单有5个栏目:home、about、products、services、contact,分别给每个栏目一 个ID,......