Welcome

首页 / 脚本样式 / CSS

DIV border边框显示不完全问题的解决方法

2017-02-06 44
第一次遇到这样的问题，就是定义div的边框有部分却显示不了。而在firefox里却是一切正常，该死的ie，太过分了。 代码也没有问题，查了好多资料，还百度了许多网站，在blueidea里也没有找到解决办法。后来在台湾的一个网站上发现了一个很几的解决办法： 如下： 左右两边的边框就是不显示，气不死你~~郁闷， css是：复制代码 代码如下:#divproject{ margin-top:5px; border:1pxsolid#0099CC; }后来按照那个...

css Sprites小实例代码

2017-02-06 16
这是一个很简单的应用，不过在设计中，这样做可以减轻服务器的压力，是请求次数减少，是一个不错的方法。 特别要说明的是，在这种小图片上即使是两张图片其实就响应时间来说也慢不了多少，不过有一个问题，就是两张图片交替时容易出现背景图片从新加载而导致很段时间不显示的效果。（时间长短视服务器的响应速度和图片大小而变化） 下面是css的部分： body{ font-family:"LucidaSans","LucidaSansUnicode"; font-size:14...

用css实现图片垂直居中的使用技巧

2017-02-06 18
题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：.box{/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/*针对IE的Hack*/*display:block;*font-size:175px;/*约为高度的0.873，200*0.873约...

CSS List Grid Layout 图片垂直居中

2017-02-06 18
CSS List Grid View Layout body{font-family:Arial;text-align:center; } p{ } .img-grid{ width:603px; margin:auto; overflow:hidden; position:relative; border:solid 20px #CCCCCC; } .img-grid h3{ padding:0 0 12px 0; background:#ccc...

IE6网页神奇BUG

2017-02-06 17
标题就是<title>拉萨尔--莱佛士教育</title>，调试了很久发现当把<title>拉萨尔--莱佛士教育</title> 删掉后，显示了。 。。。。 找原因，没找到。 后来有吧中间的"--"去掉，显示正常。 然后再加上显示"--"显示正常。 在把备份的文件<title>段复制过来，又没显示了。 好像是"--"的问题，不知道"--"是不是戏弄我。...

Marquee高级用法实例代码

2017-02-06 15
jb51.net [/htmlMarquee嵌套 [html] ÿ ÿ ÿ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]]...

web标准知识——从p开始，循序渐进

2017-02-06 23
很多朋友现在还在用Dreamweaver（下称DW），不可否认这是个非常优秀的软件，他基本上实现了所见即所得。当然也正是因为这样让很多网页制作人员对于（x）HTML标签变得一无所知。然而要学习WEB标准就必需要与标签打交道，你必需要了解他们的特点。就算你不打算自己打代码，继续使用DW来完成自己的工作也必需要知道DW生存的代码的作用。如果你希望减少冗余代码，提升网页的品质，那么你就更需要认知（x）HTML标签。 那么学习自然要循序渐进，当然要从最常用、最简单...

（X）HTML Strict 下的嵌套规则

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

web标准知识——用途相似的标签

2017-02-06 15
在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类，但是这里还是有一些区别的，首先来一一解释。 <q></q>，q的作用是引用非块元素，也就是引用不能形成段落的内容，可能是某人说的一句话，也可能是一句文档摘录等，特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式，一般浏览器也不会给他设置一个默认样式使起突出。但是...

html链接与文本标签们

2017-02-06 16
我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目： <ahref="URL">文本区</a> 就是这个简单的标签，其实大家都在使用，用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么，这样才能更好的利用它。A是个内联标签，也就是说它本身并不会产生分行。他是流于...

美化html段落文本 Ⅰ

2017-02-06 28
上篇已经说了在第五篇会开始讲CSS，刚开始讲不能讲得复杂，我们还是由浅入深，一步步来。还是那句话：先用起来，然后再去研究。即然我们第一篇讲的是段落，那我们这篇初讲CSS当然也还是要从段落开始，让我们的段落先漂亮起来。在没有讲CSS之前我们先去想一下什么样的段落才看起来才是最舒服的？如果大家一时还没有什么想法或是还不清楚如何去分析这个问题不妨先看一下《网页设计技巧系列之一 浅谈文本排版》。不论如何至少我们的小学老师告诉我们每一段的第一行应该空两个字。这可能是...

当标题不能显示完整的解决方法

2017-02-06 26
其实建议用css控制超出隐藏显示也就是标题因为设计的宽度问题所以没有显示全，看样子是使用程序来截字的。我想很多网站都遇到这样的情况。为了视觉效果不得不进行截字显示以满足网站的整体视觉效果。通常我们采用截字的方法是两种，一种是通过后台输出时来事先设定一定的字符数量。另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截。 在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题，直到现在这种方式依然被广泛地使用着。这种方式的好处就是可以准确的剪截...

详解链接的rel与target区别

2017-02-06 18
target="_blank"是否的存在是否有必要我想目前还有很多正处在一种盲区。我查阅了相关的文献，发现其实情况并非是我们所想的那样，事实上target="_blank"并非是不符合标准的，而用rel与JS的解决方案也是没有必要的，因为这是个误区，只要我们了解了rel与target的真正含义我们就清楚了其实这里本不应存在争议。下面我将我通过查阅文献所得到的知识与大家分享，我们先来了解一下target与rel的含义： target，允许指定在什么位置显示已...

html页面中图像格式的选用之我见第1/2页

2017-02-06 19
下面我们先了解一下几种格式的比较正式的解释（注：以下内容源自百度知道）： GIF意为GraphicsInterchangeformat（图形交换格式），GIF图片的扩展名是gif。现在所有的图形浏览器都支持GIF格式，而且有的图形浏览器只认识GIF格式。GIF是一种索引颜色格式，在颜色数很少的情况下，产生的文件极小，它的优点主要有： GIF格式支持背景透明。GIF图片如果背景色设置为透明，它将与浏览器背景相结合，生成非矩形的图片。 GIF格式支持动画。在F...

DIV+CSS实现的滑动门菜单特效代码

2017-02-06 17
脚本之家DIV+CSS实现的滑动门菜单特效 #menu {margin:0;padding:0;height:26em;overflow:hidden;background:#FFFCF2;}#menu li {list-style-type:none;float:left;display:block;width:100%;}#menu li a {display:block;text-decoration:none;color:#00b;margin:0...

css分页样式代码

2017-02-06 23
第一个是从360而来的效果如图所示:普通的a标记的分页，兼容性好。绿色样式演示代码:.pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}.pages span,.pages a,.pages b{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 2px;}.pages span font{...

用css filter做鼠标滑过图片效果

2017-02-06 16
首先看个简单的例子吧。 http://www.cssrain.cn *{ margin:0; padding:0;} body{ margin:0 auto; font-size:12px;} .model{margin:0 auto; width:30px;} .model a:hover{ text-decoration:none;} .model a img{ border:#fff 1px solid;} .model a:hover im...

使css兼容IE8的小技巧

2017-02-06 19
这样就存在了新的问题，目前在IE7中工作正常的网页在IE8中会出现问题。 微软在IE8提供三种解析页面的模式 IE8StandardModes：默认的最标准的模式，严格按照W3C相关规定 IE7StandardsModes：IE7现在用的解析网页的模式，开起机关是在中加入 QuirksModes：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明 注意：不同模式间的网页在IE8中可以互相frame，因此因不会模式下的D...

有关于IE8 Beta 1两个提醒

2017-02-06 16
IE5MAC的过滤器对IE8Beta1版同样有效 IE8Beta1版不支持截字省略，也就是说不支持CSS3中的text-overflow:ellipsis; 关于第一条可能对大家影响不大，不论怎么说MAC下用IE的人实在是太少了，好处是可以让我们针对IE8再写个专门的CSS样式表。如果还不知道IE5/MAC过滤器的朋友可以把下面这个代码复制到自己的CSS样式表中，然后再写个叫“ie5mac.css”的样式表。不过大家可以把这个IE5MAC改为IE8WIN。...

CSS 首字母大写代码

2017-02-06 26
.post-bodyp:first-letter{color:#444;display:inline;float:left;font:3.1emGeorgia,arial;text-transform:uppercase;margin:00.12em00;} 有两个注意的！ p:first-letter 表示p标记下面第一个字母执行 text-transform:uppercase; ...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图