CSS定义通用透明效果

2016年07月27日 75 阅读

复制代码 代码如下:.transparent{filter:alpha（opacity=12）;-moz-opacity:0.12;opacity:0.12;background-color:#000;}filter:alpha（opacity=12）;支持IE -moz-opacity:0.12;支持FF opacity:0.12;支持未知...

一段巧妙的css debug代码

2016年07月27日 87 阅读

想法很简单，代码很简洁，效果也不错，蛮有用（这种高级东东IE自然又是不认识的）。 复制代码 代码如下:*{outline:2pxdottedred} **{outline:2pxdottedgreen} ***{outline:2pxdottedorange} ****{outline:2pxdottedblue} *****{outline:1pxsolidred} ******{outline:1pxsolidgreen} *******{outlin...

display&position

2016年07月27日 67 阅读

display:block 将子对象作为块对象呈递。很多内联样式的效果，需要用到display。#photo a img{border:3px solid #FF6600; }#photo a:hover {display:block;}/**若不加此句，则内联对象img的样式不会显示**/#photo a:hover img{ border:2px solid blue;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]position 内...

布局遇到的问题 非常不错的见解

2016年07月27日 70 阅读

前言 还未等到下一代WEB开发技术RIA技术成熟之前,当然还得与HTML作斗争。前段时间《网站重构》炒得挺热， 这些都是进步，的确给我们新的思想。在这里总结一些开发中的点滴经验。 布局 1、上下左右布局 刚开始学制作页面，用的是MM的DW软件，可视化，让更多人学会网页制作。 还记得当初做页面用的还是DW,一个朋友问过我这一样一句话:"做网页表格多还是用层多，有什么区别？"。 我告诉他其实DW中用布局-布局表格，很快画出整个页面的框架,然后一步步细化。做页面...

表格斜线

2016年07月27日 67 阅读

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是否不允许选

2016年07月27日 82 阅读

.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也能控制表格的交替颜色

2016年07月27日 77 阅读

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

CSS之自动换行

2016年07月27日 87 阅读

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是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兼容性

2016年07月27日 81 阅读

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

转载：On having layout

2016年07月27日 112 阅读

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

标准化你的网页

2016年07月27日 83 阅读

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

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

2016年07月27日 73 阅读

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

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

2016年07月27日 75 阅读

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

表格边框的css语法

2016年07月27日 82 阅读

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

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

2016年07月27日 84 阅读

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

标准化——表格

2016年07月27日 108 阅读

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

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

2016年07月27日 66 阅读

看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！问题如下: 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如何实现这种表格效果

2016年07月27日 73 阅读

表格效果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技巧汇编

2016年07月27日 78 阅读

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

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

2016年07月27日 94 阅读

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