Welcome 微信登录

首页 / 脚本样式 / CSS

脚本控制三行三列自适应高度DIV布局

脚本控制三行三列自适应高度DIV布局

这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox、mbox、sbox,只要在<body>标签中写入:onload="P7_equalCols("fbox","mbox","sbox")",测试条件:ie5.x、ie6.0、FF1.03、NS7.2、opera8.01。最终效果...
Pjblog模板制作教程 超强推荐

Pjblog模板制作教程 超强推荐

2007.1.30更新……转载自 http://www.dnxh.cn/blog/article.asp?id=155Pjblog的用户群越来越大,一个Blog就相当于一个Blogger网上的家。而现在追求个性的时代,给自己的Blog做过有个性的、符合自己特点的Skin是大家的一个愿望。但这个毕竟涉及到一些知识,我们需要通过自己的努力学习来完成我们的愿望。我将从零说起,大概是这样的一个过程:准备工作→Skin的构思→制图→切片→编写CSS→预览→调试兼容性...
SPAN元素和DIV元素有的区别

SPAN元素和DIV元素有的区别

前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。 SPAN元素和DIV元素有什么区别 解决思路: 最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块元素了。 具体步骤: div,span{bord...
CSS锦囊

CSS锦囊

翻译:onestab [2004.03.09]原文:mezzoblue CSS Crib Sheet在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。如果您有所补充,请在这里发表您的意见.本文的其他语言版:法语, 德语, 西班牙语 和 匈牙利语。 欢迎提供其他翻译。有疑问,先验证在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会...
Meta标签详解

Meta标签详解

★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1、Content-Type和Content-Language(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 用法:<Metahttp-equiv="Content-Type"C...
关于Firefox中的Flash不可以显示透明效果的问题

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

由于自己站点的首页用了透明Flash。在IE核心的浏览器显示一切正常。可到了Firefox里面就没有了透明效果,特别是有些站点用的是全页面的透明Flash这样鼠标不能穿透,真就伤脑筋了。今天特地到Firefox社区去寻找答案去了。结果是我们的代码不标准,还好我用的Flash不多。赶紧改了试试。[sleepy]问题解决。 原来要在Embed标签下加上wmode="transparent”这个属性。 相关代码如下: 程序代码 复制代码 代码如下:<emb...
当ie7不认!important之后 [布局的解决办法]

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

在IE7之前,我们在布局时常用!important来解决IE和FF之间的差别;但是在IE7出来之后,!important对IE7就不起作用了,而有些时候IE7的解释方法又与FF和IE6不同;这时新的问题就出现了;用!important可以解决IE6但是解决不了IE7;这样在不同的浏览器中看到的同一个网页的效果就不同了; 这是前天作布局时的一个问题;可以先看一下效果;http://www.zishu.cn/blogview.asp?logID=553 或者运...
绝对定位的DIV宽度自动适应的一个方法

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

刚刚在一个页面上用到了position:absolute; 这样的代码在IE7和FIREFOX都不会有问题,但是在IE6以下的会不支持; 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]于是针对IE6我又加了一个<hr/>这下可以了; 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]但是hr我不想在页面上出现;于是加了一个b 这是一个测试 [Ctrl+A 全选 注:如需引入外...
(X)HTML Strict 下的嵌套规则

(X)HTML Strict 下的嵌套规则

译者注:时间匆忙没有来得及细细研究,希望可以讨论并且完善说明部分(现在说明并不是很全面)。下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。说明:* 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而不应是 <HTML>)* 小写的单词表明一...
被人遗忘的html tags

被人遗忘的html tags

其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。1. dl, dt, dd系列定义列表网站重构让很多人知道了ul, ol和li,但是在列表的家族里面还有一个dl,就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。如:<dl><dt>Dog...
IE浮动边界BUG延伸探讨

IE浮动边界BUG延伸探讨

熟悉CSS盒模型朋友相信对于IE双倍浮动边界BUG不会陌生(如果你并不是很清楚可以点击),这个BUG只会产生在浮动行的第一个浮动元素,所以如果第一个浮动元素没有使用外补丁margin就不会有双倍距离。不过最近发现IE对于这个BUG居然有延伸的现象。问题下例所有图的浮动行的第一个浮动元素外补丁margin都为0#left2的margin-left为50px显示正常 当#left2的margin-left为100px显示正常 接着我们将#left2的margi...
<< 11 12 13 14 15 16 17 18 19 20 >>