Post @ 09:44 in 样式设计 - CSS 前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。下图为通过CSS实现的图片透明效果 这个效果在IE和Mozilla浏览器上都可以工作，代码如下<img alt="powerbookg4.jpg" src="archi

Ghost 发表于 [2005-11-24 16:12] 也许你会觉得当点击时焦点出现的虚线很不好看，那就让我们把它去掉吧！一，在标签中加入onFocus="this.blur()"语句：-----------------------------------------------------------try----------------------------------

一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important  随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)  #wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 *

有这样一个想法，不知道可行么  例子：布局中的左栏，它的属性有：｛居左，宽度，背景色，字体等等｝如果把每个属性都做成一个标准件，然后这样组装起来使用class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式先按需要定义好标准件如：  float标准件.l{flo

新建一个简单的HTML测试文件，下面来测试ul li标签 引用 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 测试一，定义css为如下代码，效果如下 引用 body{font-size:12px;margin:0}ul{list-style:none;margin:0;paddin

在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码  在线运行演示 label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #808080}textarea{width: 250px;height: 150px;}#

 从传统的TABLE布局设计转型到DIV+CSS布局设计,难度就是在要用DIV来精确定义页面布局,做到和用TABLE布局的表现一样.所以要熟悉CSS才能很好的做出自己想要的设计用DIV布局的时候要注意用float属性,属性值为:left,right,如果用left的时候,定义的DIV在代码中按左-->中-->右的顺序来写.如果用的是right,就要按右-->中-->左来书写.,每个div元素的

作者：greengnn时间： 2006-05-15　文档类型：转载　来自：缔吧    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行htm

p.lead-para:first-letter{font-size:200%;}   something is gone...

map,area标签 今天看petshop源码, 偶然发现个map和area标签,以前从没看到过(汗!)立马google了一下. 终于明白了,post个备忘贴:  area是一块区域,这块区域可以当作导航用: area shape="rect" coords="240,235,140,300" href="http://www.vertigosoftware.com"

CSS Diagrams, Bar Graphs, Star RaterCreating a graphRuss Weakley - Creating a graph using percentage background images CSS FOR BAR GRAPHSBasic CSS Bar Graph, Complex CSS Bar Graph, Vertical CS

图片在页面上的页面上的的位置体现是方形,不会是圆形或者多边形,这样做图片周围的文字环绕也就只能按方形来排列, 可以用DIV+CSS来做到不规则形状的文字环绕  在线运行演示   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">不规则图片环绕文字html, body { margin: 0px; padding

去掉链接的虚线框 在网页超链接中，点击链接后会显示虚线边框。通过给超链接加上onfocus="blur()"即可去掉边框.如:http://hi.baidu.com/lg0805" onfocus="blur()">百度空间  局部控制  link1  link1  link1  link1  全局控制  CSS实现(实践可用) 

清除浮动的最优方法 作者：Ghost时间： 2007-10-26　文档类型：原创　来自：css森林    在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。方法真的很简单，只要为需要清浮动的标签加上overflow这个

  HACK作用于IE6   IE7    FF的不同效果CSS hack：针对IE6，IE7，firefox显示不同效果做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。区别不同浏览器的CSS hack写法：   区别IE6与FF：         background:orange;*background:blue;   区别IE6与I

想学习DIV+CSS的,自己去下载回来看好了http://www.ssi-developer.net/main/templates/     TwoColumn FlexibleBrowsers: (5+)Description:Probably the easiest page to make. Cont

2007-06-07 11:17:29 来源:中国站长站 作者:ating整理 【大 中 小】 评论：0 条  通过使页面动态加载不同CSS实现多界面 (类似于这个blog)方法一:  以下为引用的内容： ＜%@page language="C#"%＞  ＜%@import namespace="System.D

一、简介： 利用Themes我们可以很容易的更改控件、页面的风格，而不需要修改我们的代码和页面文件。Themes文件被单独的放在1个App_Themes文件夹下面，与你的程序是完全分开的。 二、怎么使用Themes和Skins： 先看个非常简单的实例： App_Themes/default/1.skin文件代码:＜asp:Label Font-Bold="tr

感谢暴风彬彬的投递 还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如： typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的布局

I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Heres how to do it in a way thats suppor

网上tooltip效果有不少,简易实用的不多.比如google的,长的可怕,也让人看不懂.还有一些属于IE only.在jQuery中有一个tooltip效果,还算不错.但个人不是很喜欢,而且还要加个jQuery,无疑,代码长了一些.下面是之前在蓝色上看到的一个tooltip效果,不错,对它做了一些修改(比如之前只是对链接有tooltip效果,现在对图片也可以有这个效果)加了注释,是深入jav

<!--.con_div{width:400px;height:300px;border:1px solid #777;text-align:center;display:table-cell;vertical-align:middle;background:red;color:#fff}/*FOR IE*/.fixie{width:0;

我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我的想法是未来能这样：用标准件的方式来组装网页DIV布局  我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏，宽度，背景颜色，字体颜色等  １．首先会定义一个class,比如:.layout,主要用来控制页面整

用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱. 要注意的是,使用overflow的时候,一定要定义width,

saivan留言问到这个问题，应该很多人都遇到过. 如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母  看了BINGU的留言，加一句，这个在CSS2.0是不支持，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WEB标准无法解决的一些问题上，我会采用一些非标准的方法处理，只

这些小TIPS，在CSS手册或者HTML手册里是看不到的，不记得是在那里看到的，不过我一直用着。虽然标准校验通不过，如果不追求标准校验的话，还是可以用用的，因为在IE和Firefox里能显示的很好。1。是不是经常会遇到小图片和文字一行排列不齐的尴尬? img的align属性有一个这样的，align="absmiddle"，可以试试，不过要是校验的时候，会提示错误。2。字体写一行中

这个IDEA来自KESO。 今天KESO说，对于一个左中右3栏布局的页面，比如home.donews.com，用户最想看到的是中栏的信息，左右2栏其实网站的相关信息的导航入口，所以中栏信息是最重要的，应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示，无论是3栏还是2栏布局，说得很对。 浏览器显示页面是一行一行的按顺序执行代码，也就

我做过加载gif和jpg的程序代码，但没做过加载视频的源代码！求各位高人给个源代码，能加载wmv,swf,avi的源代码！ 最佳答案 是否自动播放--> 调整左右声道平衡,同上面旧播放器代码--> 播放器是否可人为控制--> 是否启用上下文菜单--> http://../***.wmv"> 播放的文件地址-->

当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法，也就是一种较好的CSS样式指南。  1.分解你的样式  对于小项目，在写代码之前，按页面结构或页面内容将代码分为几块并给予注释。例如，