Welcome

首页 / 脚本样式 / CSS

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

2017-02-06 22
这个例子是用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。最终效果...

通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐

2017-02-06 21
通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5 #example{color:red ;} * html #example{color:blue;} *+html #example{color:green;} 这是在 FireFox 或者 Opera 下面的效果 这是在 IE 6 下面的效果 这是在 IE 7 下面的效果 以下为简单区分FF/IE6/IE7示例 这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为...

HTML/XHTML模板

2017-02-06 20
每次都写一大堆东西太麻烦了，所以就弄这个模板出来，每次直接复制或者修改删除一部分就可以直接用了 body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; } /* # Lucida Grande字体适合Mac OS X； # Verdana字体适合所有的Windows系统； # Lucida适合UNIX用户 # "宋体"适合...

用DIV+CSS写小三角

2017-02-06 20
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;} #info div{background:#f00; ...

Pjblog模板制作教程 超强推荐

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

SPAN元素和DIV元素有的区别

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

CSS锦囊

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

Meta标签详解

2017-02-06 19
★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有： 1、Content-Type和Content-Language（显示字符集的设定） 说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。 用法：<Metahttp-equiv="Content-Type"C...

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

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

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

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

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

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

（X）HTML Strict 下的嵌套规则

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

被人遗忘的html tags

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

BUTTON和INPUT的区别

2017-02-06 22
一句话概括主题：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。HTML 4.01规范的Forms部分指名表单有以下几种控制类型：buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/ob...

一个css 的小问题

2017-02-06 22
请教大家一个问题吧 我想让下面的table通过tableclass=一个类名来实现我下面的种情效果 就是我想在css里定义一个类,把table中的cellspacing=1bgcolor=#D0DDE5和td中的 bgcolor=#FFFFFF都写到css的一个类里，到时我只要用tableclass就可以实现了， 请大家教下我吧 我想把 table 中的 cellspacing=1 bgcolor=#D0DDE5 和 td 中的bgcolor=#FFF...

css 命名规范

2017-02-06 22
页头：header 登录条：loginbar 标志：logo 侧栏：sidebar 广告：banner 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：down...

IE 5.x/Win 和模型bug

2017-02-06 18
IEbug IE 5.x/Win 和模型bug 这里是一个width:500px;margin:10px;padding:10px; border:10px;的一个盒子.使用widht（空格）/**/:530px，解决IE5.x系列的盒解析bug，因为IE5.x系列浏览器能读到这句.在IE5.x Win，IE6.0 Win下效果一致.如何使用hack解决IE5.x盒解析bug？ #content {width:530px; //这个是错误的w...

各浏览器padding、margin的差异

2017-02-06 21
margin和padding总是有可能要用到，而产生的问题如何解决呢？由于浏览器解释容器宽度的方法不同：IE 6.0 Firefox Opera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin解决的方法是：div.content { width:400px; //这个是错误的width，所有浏览器都读到了voice-family: ""}""; //IE5.X/w...

IE浮动边界BUG延伸探讨

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

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

2017-02-06 25
注：onload字段中的数值“200”为设置的Iframe最低高度值！ 当然iframe,html要在同一子域下才可以,否则警告没有权限. <iframesrc="iframe.html"name="iframe"id="iframe"allowtransparency="true"align="default"marginwidth="0"marginheight="0"frameborder="0"scrolling="no"height="20...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图