CSS资料,CSS文章,CSS文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / CSS

巧妙地使用CSS选择器

巧妙地使用CSS选择器

2016年07月27日 50 阅读

可以通过不同规则来定义不同内容块里的链接样式。类似这样：#nava:link或者#maina:link或者#footera:link。也可以定义不同内容块中相同元素的样式不一样。例如，通过#mainp和#siderp分别定义#mainp和#siderp的样式。从结构上讲，你的页面是由图片、链接、列表、段落等组成的，这些元素本身并不会对显示在什么网络设备中（PDA还是手机或者网络电视）有影响，它们可以被定义为任何的表现外观。一个仔细结构化的HTML页面...

去除链接元素的虚线框兼容IE7、IE6、FF

去除链接元素的虚线框兼容IE7、IE6、FF

2016年07月27日 48 阅读

推荐下面的代码复制代码代码如下:a{outline:none;/*forForefox*/}a{star:expression（this.onFocus=this.blur（））;/*forIe*/}下面的代码比较麻烦我们采用htc文件的办法来解决这个问题。首页将以下代码保存为link.htc文件。复制代码代码如下:<public:attachevent="onfocus"onevent="hscfsy（）"...

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

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

2016年07月27日 45 阅读

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

css Sprites小实例代码

css Sprites小实例代码

2016年07月27日 51 阅读

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

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

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

2016年07月27日 53 阅读

题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。至于如何解决，下面是一个权衡的相对结构干净，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 图片垂直居中

CSS List Grid Layout 图片垂直居中

2016年07月27日 47 阅读

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

IE6网页神奇BUG

2016年07月27日 51 阅读

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

Marquee高级用法实例代码

Marquee高级用法实例代码

2016年07月27日 52 阅读

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

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

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

2016年07月27日 46 阅读

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

（X）HTML Strict 下的嵌套规则

（X）HTML Strict 下的嵌套规则

2016年07月27日 48 阅读

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

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

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

2016年07月27日 51 阅读

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

html链接与文本标签们

html链接与文本标签们

2016年07月27日 52 阅读

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

美化html段落文本 Ⅰ

美化html段落文本 Ⅰ

2016年07月27日 54 阅读

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

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

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

2016年07月27日 48 阅读

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

详解链接的rel与target区别

详解链接的rel与target区别

2016年07月27日 49 阅读

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

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

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

2016年07月27日 47 阅读

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

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

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

2016年07月27日 50 阅读

脚本之家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分页样式代码

css分页样式代码

2016年07月27日 50 阅读

第一个是从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做鼠标滑过图片效果

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

2016年07月27日 52 阅读

首先看个简单的例子吧。 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的小技巧

使css兼容IE8的小技巧

2016年07月27日 53 阅读

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

<< 71 72 73 74 75 76 77 78 79 80 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图