CSS资料,CSS文章,CSS文档-易库教程

（X）HTML Strict 下的嵌套规则

2016年07月27日 48 阅读

说明：为了方便读者阅读，本文中的标签使用了大写（根据XHTML的规则，元素名必须小写，比如<html>而不应是<HTML>）小写的单词表明一组或一系列HTML标签每一项条目（标签）后都跟随一组标签列表，如果没有这个列表，那么表明该条目（标签）内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容（#PCDATA，见下文）。如果注明（empty），这意味着该条目内部不允许包含任何形式的内容。对于flow，inline，bl...

自定义标签实现圆角边框

2016年07月27日 51 阅读

v:* {behavior: url（#default#VML）;} css实现真正的圆角表格 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

Iframe自适应高度兼容ie,firefox多浏览器

2016年07月27日 43 阅读

复制代码代码如下:<scripttype="text/javascript"> functionSetCwinHeight（）{ varbobo=document.getElementById（"bobo"）;//iframeid if（document.getElementById）{ if（bobo&&！window.opera）{ if（bobo.contentDocument&&bobo.contentDocument.body.of...

IE之死__原来与CSS有关

2016年07月27日 49 阅读

我这里有两个例子，如果你的浏览器是IE的，你可以测试一下！ 1、先看这几行代码！复制代码代码如下:<body> <divid="main"></div> <scriptlanguage="javascript"> vara=（"<divclass="listInfo"><p>p</p><span>span<span></span>&...

CSS规则层叠的应用 css必须要注意的几点

2016年07月27日 46 阅读

理论基础是必要的，实践是提升和理解理论的方法，两者同样重要，任何设计和开发人员离开这两者的平衡，不论偏向哪一方，都会范或左或右的错误。不过我所讲的这个方法在实际应用中到底有什么用呢。显然，它不能够给我们创造出圆角矩形，也不能够给我们创造出分列布局，更加不可能给我们一个固定在文档头部的导航栏。这个算法的实践应用在于：良好的CSS编程规范。这是一个宏观的实践，与我刚才提到的微观实践同样重要，但却更加难以掌握。本文并不想包含所有的良好的CSS编程规范，也不可能...

用div实现像table一样的布局方法

2016年07月27日 49 阅读

许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用table来实现他，那怎么办呢？实现的方法很多，有根据视觉错觉实现的，有用JS控制使高度相等的，还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。其实有个简单的方法，使用display:table,display:table-rowand...

float引起层飘出父层的解决方法

2016年07月27日 51 阅读

1.加clear空div .clearfix:after{ content:“.”;display:block; height:0; clear:both; visibility:hidden;} .clearfix{display:inline-block;} /*HidesfromIE-mac*/ *html.clearfix{height:1%;} .clearfix{display:block;}/*EndhidefromIE-mac*/ .cle...

div+css布局必了解的列表元素ul ol li dl dt dd详解

2016年07月27日 45 阅读

块级元素div尽量少用，其实和table一样，嵌套越少越好，它也是会影响速度的！ ol有序列表。 <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为： 1…… 2…… 3…… ul无序列表，表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>...

CSS Hack收集汇总

2016年07月27日 56 阅读

屏蔽IE浏览器（也就是IE下不显示） *:lang（zh）select{font:12px！important;}/*FF的专用*/ select:empty{font:12px！important;}/*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别 *+html{…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 *html{…} 这个地方要特...

区分IE6，IE7，firefox的CSS hack

2016年07月27日 53 阅读

区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green！important;background:blue; 区别IE7与FF： background:orange;*background:green; 区别FF，IE7，IE6： background:orange;*background:green！important;*background:blue; 注：IE...

CSS顶级技巧大放送，div+css布局必知

2016年07月27日 48 阅读

字体大小使用px 在一行内声明CSS 对比下面两个： h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;} h2{ font-size:18px; border:1pxsolidblue; color:#000; background-color:#FFF; } 第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。以前我也是...

div+css如何实现页脚的置底

2016年07月27日 49 阅读

将一个对象定位在页面底部并随页面滚动 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

css层滚动条

2016年07月27日 45 阅读

层滚动条DIY - Powered by yexj00 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

超级连接的提示中换行效果实现代码

2016年07月27日 47 阅读

具体代码如下：鼠标放上去看说明 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

字符不会撑大表格的常见css样式

2016年07月27日 52 阅读

我现在就碰到了这样的麻烦，请问高手，有没有解决的方法，可以做到不管是纯粹的输入中文还是输入英文，或者是中英字符混输，都不会将表格撑宽？就是这几个相关css: table-layput:fixed;word-wrap:break-wrod;word-break:break-all; ...

表格高级使用技巧_把表格进行到底（必看）

2016年07月27日 47 阅读

1.表格的分隔线可以隐藏 <tableborderrules=colscellspacing=0align=left>可以隐藏横向的分隔线 <tableborderrules=rowscellspacing=0align=right>可以隐藏纵向的分隔线 <tableborderrules=nonecellspacing=0align=center>可以隐藏横向和纵向的分隔线 2.表格的边框不断在闪以下方法可以令表格的...

网页中Span和Div的区别

2016年07月27日 46 阅读

它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。 span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。 Thisiscrazy 在实践中，div，特别是span不应该滥用，尽管有其他相左的意见。比如，你要强调单词“...

在IE与FF中如何居中的css写法

2016年07月27日 55 阅读

IE方法：<bodystyle="text-align:center;"> <body>标记内的内容居中。非IE方法：<divstyle="margin-left:auto;margin-right:auto;"></div> <div>标记的左右边距自动适应，以达到居中效果。标准推荐的CSS使用方法是后者，IE的那套是非标准的。不过在IE6中使用标准的DTD声明（xhtml版本），也能使用m...

javascript横排竖排标准选项卡效果代码

2016年07月27日 48 阅读

PRcss的选项卡 www.jb51.net 首页嘿嘿，无视div原始class值。测试继续无视h3原始class值。无聊 h3没有值也可以～傻蛋 div没有值一样可以～首页嘿嘿，无视容器原始class值。测试继续无视h3原始class值。无聊 h3没有值也可以～傻蛋 div没有值一样可以～首页嘿嘿，无视h3原始class值。测试继续无视div原始class值。无聊 h3没有值也可以～傻蛋 class值...

line-block的运用最小宽度的设置

2016年07月27日 51 阅读

网上找到的正规描述：引用内容这个值导致一个元素产生一个块状盒模型（blockbox），而本身作为单一的内联盒模型（inlinebox）流动排列（flow），类似一个被替代的元素。Display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元素 PS：可惜IE不支持，FF也不支持。HOHO～ IE解决方案：触发IE的layout，从而使该元素具备类似line-block的特性。 FF解决方案：使用moz专属属性：...

首页 / 脚本样式 / CSS

（X）HTML Strict 下的嵌套规则

自定义标签实现圆角边框

Iframe自适应高度兼容ie,firefox多浏览器

IE之死__原来与CSS有关

CSS规则层叠的应用 css必须要注意的几点

用div实现像table一样的布局方法

float引起层飘出父层的解决方法

div+css布局必了解的列表元素ul ol li dl dt dd详解

CSS Hack收集汇总

区分IE6，IE7，firefox的CSS hack

CSS顶级技巧大放送，div+css布局必知

div+css如何实现页脚的置底

css层滚动条

超级连接的提示中换行效果实现代码

字符不会撑大表格的常见css样式

表格高级使用技巧_把表格进行到底（必看）

网页中Span和Div的区别

在IE与FF中如何居中的css写法

javascript横排竖排标准选项卡效果代码

line-block的运用最小宽度的设置