表格斜线

2017年02月06日 57 阅读

New Document function a（x,y,color） {document.write（""）} 张三 李四 王五 数学 55 66 77 英语 99 68 71 语文 33 44 55 function line（x1,y1,x2,y2,color） { var tmp if（x1>=x2） { tmp=x1; x1=x2; x2=tmp; tmp=y1; y1=y2; y2=tmp; } ...

利用CSS控制SELECT中的OPTION是否不允许选

2017年02月06日 54 阅读

.disabled { } .disabled optgroup{ font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color:#CCCCCC; background-color: #F5F5F5; } .disabled option { padding-left:0px; } General Motors Ford Moto...

CSS也能控制表格的交替颜色

2017年02月06日 56 阅读

复制代码 代码如下:<styletype="text/css"> <！-- tr{background-color:expression（（this.sectionRowIndex%2==0）？"red":"blue"）} --> </style> </HEAD> <table> <tr><td>第1行</td><td>第1行</td>&...

CSS之自动换行

2017年02月06日 69 阅读

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div 1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal;width:200px;} 或者 #wrap{word-break:break-all;width:200px;} <divid="wrap">ddd111111...

IE7 beta2的CSS兼容性

2017年02月06日 66 阅读

当IE7 beta1推出的时候，我在第一时间对它作了个测试。当时发现它对CSS的支持几乎没有任何变化，着实失望了一阵。MS在最近推出了IE7 beta2，这次有了不少新的改进和变化。但这些改进和变化会导致一些原来正常网页出现布局错误或者原来可以使用的Hack技巧不再可用。MSDN在年初的时候把这些可能产生的问题罗列给开发者（这是原文），这里我把其中比较主要的问题简单地描述一下，希望能对大家有所帮助。 注意，在IE7正版发布之前，以下提到所有内容都是有可...

转载：On having layout

2017年02月06日 60 阅读

译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一段来自Dean Edwards的评价： I recommend that every CSS designer and DOM scr...

标准化你的网页

2017年02月06日 58 阅读

Web标准是越来越突出了，现在建站都讲究个符合标准，通过W3C的XHTML和CSS验证，那么怎样才能做出一个符合标准的站点呢，下面是我在BLOG重构和制作OSdevResource过程中的一些经验^_^。去网页设计师看一些有关Web标准方面的文章虽然w3.org更权威，但对于母语是中文的我们来说，这个更容易看懂：）个人觉得比去w3.org看那些满屏的E文舒服。可以在这里找到很多有关XTHML，DIV+CSS布局，CSS技巧等的文章。还有站长阿捷写的《循序渐...

学习Xhtml+CSS2的一些心得体会

2017年02月06日 59 阅读

自从W3C搞了一个Xhtml1.0的标准之后，很多网站都开始用之将站点重构，像yahoo，163，CSDN等，近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪，所以偶也开始学起了，慢慢的就爱上他们了，现在谈一谈最近一段时间来的学习体会。为什么要学Xhtml+CSS2首先，规范的代码能在各种浏览器中顺利显示。一些不规范代码的网页在IE下能正常显示的，在Firefox和Opera上可能就无法正常显示。虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器...

网页设计中色彩搭配的内涵

2017年02月06日 62 阅读

网页的色彩搭配往往是网友们感到头疼的问题，尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢？ 一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。 2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。 3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。 ...

表格边框的css语法

2017年02月06日 57 阅读

我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度 语法:border-top-width:<...

让comment标记在各浏览器都能通用

2017年02月06日 62 阅读

在IE下，位于该标记下的代码是不会显示在页面中，这对于用来隐藏一些HTML代码非常有用。 但在非IE浏览器下，该标记的无效；可分别在IE和FF下测试一下下面这段代码，就知道效果了。 复制代码 代码如下:<commentid="CnLei">测试：隐藏内容</comment> <scripttype="text/javascript"> alert（document.getElementById（"CnLei"）.inne...

标准化——表格

2017年02月06日 74 阅读

对于那些刚接触CSS布局的人来说，常对如何使用表格（table）感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是，表格是可以用的而且非常好用——只要用的正确。是的，你得尽量的去避免用表格来布局。但是对于表格型数据，你就应该使用table。我想谈谈如何使用表格来组织表现表格型数据。在HTML和XHTML里，表格不仅仅是行（row）和单元格（cell），还有很多其他元素，特别是如果你想让数据更加容易理解。首先...

IE图片下空隙问题解决方法集合

2017年02月06日 53 阅读

看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！问题如下: div {width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]解决方法:一、改变HTML的排列 div {width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:如...

用DIV+CSS如何实现这种表格效果

2017年02月06日 49 阅读

表格效果table [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 149px...

HTML技巧汇编

2017年02月06日 55 阅读

1.怎样定义网页语言（字符集）？ 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <metahttp－equiv="ContentType"content="text/html;charset=gb2312"> 把charset=gb2312改换成其它语言代码即可,比如英文harset=en. 2.怎样防...

相对路径与绝对路径的区别

2017年02月06日 66 阅读

绝对路径： 在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.e3i5.net/img/photo.jpg来确定文件...

关于居中布局和IE双倍边距bug

2017年02月06日 61 阅读

今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在<body>元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实，我自己都是用margin:auto;的缩写margin属性来设定居中。margin缩写属性是上、右、下、左...

块元素block element和内联元素inline element

2017年02月06日 59 阅读

内联级元素（inline-levelelement）中试图插入块级（block-levelelement）元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素（inline-levelelement）和块级（block-levelelement）元素呢？。 块元素（blockelement）一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签""P"。“fo...

CSS做一个超链接的陷下效果

2017年02月06日 57 阅读

A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} 把鼠标放上来看看效果--- 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

图片翻转菜单技术研究

2017年02月06日 63 阅读

Fastcompany是simplebits.com站长的全CSS+Div布局作品.网站导航采用的是CSS图片翻转.不用多想肯定是利用a:link和a:hover等不同状态下利用显示不同的background-images制作而成.我认为作者的独到之处在于CSS中的a:hover...#nav a:hover {background-position: 0 -20px;}#nav a:active {background-position: 0 -40px...