Welcome

首页 / 脚本样式 / CSS

CSS定位中Positoin、absolute、Relative的一些研究

2017-02-06 17
Positoin属性有四个值： static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框。ralative是指相对定位，就是依据left，right，top，bottom等属性在正常文档流中偏移位置。 但是，怎...

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

2017-02-06 18
复制代码 代码如下:<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TIT...

word-wrap在firefox中不起作用的解决方法

2017-02-06 18
完整的css代码为 复制代码 代码如下:word-wrap:break-word; overflow:hidden;这段代码应添加到td标签的样式中。另外，应该在外层的table标签中添加样式 复制代码 代码如下:table-layout:fixed;...

网页设计者需要了解的_网页字体大小数据参考

2017-02-06 23
Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em ...

div+css与xhtml+css分别是什么意思？

2017-02-06 15
不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+css ul+css li+css等等呢？ 疑问，满脑子的疑问！为了这个疑问，我把自己脑子里的东西从最底层翻了一遍。 在几年前大家都是用table来布局，一层套一层，没发现什么不妥，一直用到《网站重构》这...

xhtml+css网页制作中常见问题解决方法

2017-02-06 16
无论是谁，在制作页面的过程都是会碰到这样或者那样的问题，出了问题就肯定要解决。解决问题的前提是要知道问题出在什么地方，对于新手来说不一定一看到问题就知道问题出在哪里。比如在IE6中“多了一只猪”的问题，对于一些问题需要更多的经验交流分享吸收后才能更好的成长。 在网络中我想大家都有提过问题，需要别人解答的时候，但往往是你的一个问题却得不到任何人给你的解答，或者说是完全被无视了。对于这个时候的你，是不是在想“难道是因为我这个问题太简单了，他们都不想回答”“他们...

表格标签table深入了解

2017-02-06 49
前不久为了寻找表格（table）所包含的主要标签，一直在寻找着，找到当然就是跟大家一起来分享一下。 表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup，针对每个的介绍如下： <table> table标签可定义表格。在 <table> 标签内部，你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。 <caption> caption...

DIV+CSS网页另类上下布局的实例代码

2017-02-06 18
先说说在尝试的过程发现的几个问题 1、盒模型问题 相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。 2、溢出问题 这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉...

CSS实现每行新闻数量不等效果代码

2017-02-06 16
本来还以为这块是由后台单独去做的，今天看到这种效果，居然是CSS实现的。现在将它放到这里与大家共享 特别推荐 1.脚本代码收藏站,AJAX/JS/ASP/PHP一网打尽[特别推荐]！ 2.看书了小说网！ 3.中文最强大的搜索引擎！ 4.脚本之家，下载中心！ 5.脚本之家新增加photoshop，flash，制作教程经典收藏！ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JAVASCRIPT IE 与 FF 中兼容写法记录

2017-02-06 15
png透明AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader（enabled=bEnabled,sizingMethod=sSize,src=sURL）enabled：可选项。布尔值（Boolean）。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串（String）。设置或检索滤镜作用的对象的图...

让超出DIV宽度范围的文字自动显示省略号...

2017-02-06 18
div.titleholder { font-family: ms sans serif, arial; font-size: 8pt; width: 100; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ...

CSS使用学习总结

2017-02-06 17
尽量少使用类,因为可以层叠识别,如: .News h3而不必在h3上加类 <div class=”News”> <h3></h3> <h2></h2> <p></p> </div> 3. 没有现有元素区分的情况下再用div <div id=”mainNav”> <ul> <li>Home</li> <li&g...

解决IE6 3像素Bug的css写法

2017-02-06 20
只要触发IE的hasLayout，非浮动元素就会拥有布局。所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题： _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom。 margin-left: value-3px 是修复IE6 中3px 的bug。 此前采用非浮动元素也浮动的方法修复bug，现在我们可...

用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大

2017-02-06 17
对于div,p等块级元素 正常文字的换行（亚洲文字和非亚洲文字）元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id="wrap">正常文字的换行（亚洲文字和非亚洲文字）元素拥有默认的white-space:normal,当定义</div> css #wrap{white-space:normal; width:200px; } 1.（IE浏览器）连续的英文字符和阿拉伯数字,使用wo...

div结合css布局bbs首页（div+css布局入门）

2017-02-06 14
我把论坛首页分为header区，信息区，内容区，页脚区。首先用一大div把这些包含进来，主要是考虑到页面整体调节方便，比如要调成宽屏的或者是窄屏的，只要设置一下这个大div就可以了。 先把代码贴出来，供朋友们调试使用。css: 复制代码 代码如下:/* CSS Document */ body{ background-color:#F5F5F5; margin:0; padding:0; font-family : "Lucida Grande", Ver...

firefox margin-top失效的原因与解决办法

2017-02-06 17
为什么要翻译这篇说明？css2本有人已翻译过，但看一下，很粗糙（不是说自己就怎么怎么样啊，翻译者真的是很值得敬佩的！），近来跟css与xhtml接触得越来越多，但接触得越多，迷惑却总不见少。 现在我觉得很多问题根本不能称之为问题，原因就在于我们的草率理解，比如杀鸡用牛刀，不是不可以，是不合理、不恰当，根源错了，表象也就会错了，如果解决问题从表象入手，难免总会摸不着头脑，还是那句话，要脚踏实地，切莫浮躁。 在这个说明中，“collapsing margins...

IE hack条件写法

2017-02-06 17
最近制作下拉菜单时，打算用纯CSS，忽又看到令人头痛的CSS hack代码（平时很少关注），记录下来以作备用。 <！–[if lte IE 6]>………….<！[endif]–> Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。 以下是各种情况，未验证。 1. <！–[if ！IE]><！–> 除IE外都可识别 ...

css pointer控制在firefox下显示手型的代码

2017-02-06 20
在ie下设置 css 样式 style="cursor:hand;" 可以正常显示 但是在firefox下就不行 改用 style="cursor:pointer;" 则在两个浏览器下都能正常显示 但只适用于IE6.0及以上版本以及FIREFOX，在IE5.0下不能显示成手...

css 兼容性问题this.style.cursor='hand'

2017-02-06 16
作者：洛科先看这一句 复制代码 代码如下:<a href="#" onmouseover="this.style.cursor="hand"" onmouseout="this.style.cursor="default"" onclick="document.getElementById（"ShowContent"）.innerHTML="";return false;"> <img alt="清空屏幕" src="UI/clear.g...

纯CSS实现上下左右都居中的代码

2017-02-06 15
#box{width:600px; height:400px; border:1px solid red;} #box{position:static; *position:relative; display:table; *display:block; } #box-middle{position:static; *position:absolute; display:table-cell; *display:block; *top:50%; vert...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图