HTML/CSS技术

CSS仿淘宝首页导航条布局效果
HTML/CSS技术

CSS仿淘宝首页导航条布局效果

阅读(42) 作者(admin)

以下是CSS内容部分: /*子鼠*/ body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;} div,img{margin:0; padding:0; border:0;} ul,li{list-style-type: none; margin:0; padding:...

HTML/CSS技术

学习标准――笔记

阅读(37) 作者(admin)

自己总结的几点: 1、如果一个对象有float的话,基本就不会用到width 2、有时对div的书写顺序也有要求,先写float 3、终于明白IE为什么那么讨厌了

一个三栏的例子,中间栏自适应 这里有个问题,就是三栏之间会有一小段空隙,这...

HTML/CSS技术

用好href的target属性

阅读(42) 作者(admin)

众所周知,href的target有四个属性,分别是:_blank,_self,_parent,_top,这四个各自代表的意思也不多说了,网上一搜一大片,这里想说的是,通过给target属性一个特定的名字,有时会有不错的效果,比如下面的一段代码 yahoo google sin...

HTML/CSS技术

Css利用js的expression实现的效果

阅读(43) 作者(admin)

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cr...

HTML/CSS技术

常用CSS集合

阅读(43) 作者(admin)

/**//*按钮样式*/ .ButtonCSS {}{ font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER...

HTML/CSS技术

教你如何用CSS来控制网页字体的显示样式

阅读(37) 作者(admin)

HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定: font-family:字型名称1,字型...

HTML/CSS技术

用CSS解决中英文混合字符串的截取省略问题的解决办法

阅读(58) 作者(admin)

作为一个程序员,经常需要面对的一个问题就是在新闻等信息的标题列表中,常常为了适应表格的宽度,需要对过长的标题文字的进行截取并在截取后的文字末端加上省略号。

  众所周知,有很多方法可以实现这个功能,JavaScript,AS...

HTML/CSS技术

用DIV+CSS写小三角

阅读(53) 作者(admin)

test /*test*/ *{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} #info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px...

HTML/CSS技术

SPAN元素和DIV元素有的区别

阅读(49) 作者(admin)

前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。 SPAN元素和DIV元素有什么区别 解决思路: 最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其...

HTML/CSS技术

CSS锦囊

阅读(46) 作者(admin)

翻译:onestab [2004.03.09]原文:mezzoblue CSS Crib Sheet

在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。

如果您有...

HTML/CSS技术

Meta标签详解

阅读(34) 作者(admin)

★HTTP-EQUIV   HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

  1、Content-Type和Content-Language (显示字符集的设定)

  说...

HTML/CSS技术

关于Firefox中的Flash不可以显示透明效果的问题

阅读(44) 作者(admin)

由于自己站点的首页用了透明Flash。在IE核心的浏览器显示一切正常。可到了Firefox里面就没有了透明效果,特别是有些站点用的是全页面的透明Flash这样鼠标不能穿透,真就伤脑筋了。今天特地到Firefox社区去寻找答案去了。...

HTML/CSS技术

当ie7不认!important之后 [布局的解决办法]

阅读(40) 作者(admin)

在IE7之前,我们在布局时常用!important来解决IE和FF之间的差别; 但是在IE7出来之后,!important对IE7就不起作用了,而有些时候IE7的解释方法又与FF和IE6不同;这时新的问题就出现了;用!important可以解决IE6但是解决不...

HTML/CSS技术

绝对定位的DIV宽度自动适应的一个方法

阅读(40) 作者(admin)

刚刚在一个页面上用到了position:absolute;

这样的代码在IE7和FIREFOX都不会有问题,但是在IE6以下的会不支持; 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]于是针对IE6我又加了一个<hr /> 这下...

HTML/CSS技术

(X)HTML Strict 下的嵌套规则

阅读(52) 作者(admin)

译者注:时间匆忙没有来得及细细研究,希望可以讨论并且完善说明部分(现在说明并不是很全面)。

下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约...

HTML/CSS技术

被人遗忘的html tags

阅读(46) 作者(admin)

其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。1. dl, dt, dd系列定义列表网站...

HTML/CSS技术

BUTTON和INPUT的区别

阅读(46) 作者(admin)

一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file...

HTML/CSS技术

一个css 的小问题

阅读(46) 作者(admin)

请教大家一个问题吧 我想让下面的table 通过table class=一个类名来实现我下面的种情效果 就是我想在css 里定义一个类,把 table 中的 cellspacing=1 bgcolor=#D0DDE5 和 td 中的 bgcolor=#FFFFFF 都写到 css 的一个...

HTML/CSS技术

css 命名规范

阅读(45) 作者(admin)

页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目...

HTML/CSS技术

IE 5.x/Win 和模型bug

阅读(60) 作者(admin)

IEbug IE 5.x/Win 和模型bug 这里是一个width:500px;margin:10px;padding:10px; border:10px;的一个盒子.使用widht(空格)/**/:530px,解决IE5.x系列的盒解析bug,因为IE5.x系列浏览器能读到这...

各浏览器padding、margin的差异
HTML/CSS技术

各浏览器padding、margin的差异

阅读(48) 作者(admin)

margin和padding总是有可能要用到,而产生的问题如何解决呢?由于浏览器解释容器宽度的方法不同:IE 6.0 Firefox Opera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin解决的方法是:di...

IE浮动边界BUG延伸探讨
HTML/CSS技术

IE浮动边界BUG延伸探讨

阅读(46) 作者(admin)

熟悉CSS盒模型朋友相信对于IE双倍浮动边界BUG不会陌生(如果你并不是很清楚可以点击),这个BUG只会产生在浮动行的第一个浮动元素,所以如果第一个浮动元素没有使用外补丁margin就不会有双倍距离。不过最近发现IE对于这个BUG...

HTML/CSS技术

[转]目前找到的最好的Iframe自适应高度代码

阅读(60) 作者(admin)

注:onload字段中的数值“200”为设置的Iframe最低高度值!

当然iframe,html要在同一子域下才可以,否则警告没有权限.

<iframe src="iframe.html" name="iframe" id="iframe" allowtransparency="true" align="defaul...

HTML/CSS技术

Web Safe Color Pallette

阅读(38) 作者(admin)

FFFFFF FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCFFFF CCFFCC CCFF99 CCFF66 CCFF33 CCFF00 99FFFF 99FFCC 99FF99 99FF66 99FF33 99FF00 66FFFF 66FFCC 66FF99 66FF66 66FF33 66FF00 33FFFF 33FFCC 33FF99 33FF66 33FF...

HTML/CSS技术

网站制作之网页技巧

阅读(46) 作者(admin)

相信众位网友在网上尽情冲浪时,一定会看到不少设计独特、创意新颖、页面诱人的个人网页,遇到这些网页你也一定会驻足停留、仔细欣赏一番,同时脑海中大概也会有一丝想要制作一个属于自己的个人主页的念头。如果你确实有这...