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

代码实例之纯CSS代码实现翻页效果

2016年07月27日 60 阅读

纯CSS实现翻页效果，原理比较简单，书签配合隐藏。dl { position:absolute; width:240px; height:170px; border:10px solid #eee; }dd { margin:0; width:240px; height:170px; overflow:hidden; }img { border:1px solid black }dt { position:absolute; right:3px; top:...

用css来控制图片大小显示的实现方法与代码

2016年07月27日 61 阅读

有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,aimg{ border:0; margin:0; padding:0; max-width:590px; width:expression（this.width>590？"590px":this.width）; max-height:590px; height:expression（this.height>590？"590px":...

比较漂亮的一个导航条的效果DIV+CSS

2016年07月27日 52 阅读

导航条的一个效果DIV+CSS 现在应用于客齐集网站！复制代码代码如下:<style> *{margin:0;padding:0;list-style:none;} body{font-size:12px;margin:100px;} #info{border:1pxsolid#BCFF1D;width:348px;background:#D6FF8Curl（/upload/200732411541374.gif）no-repeatleft...

DIV+CSS布局教程大全与pdf电子书下载

2016年07月27日 61 阅读

div＋css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS——第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS——第2天:什么是名字空间 10网页设计DIV+CSS——第3天:定义语言编码 11网页设计DIV+CSS——第4天:调用样式表. 11外部调用样式表 11双表法调用样式表 12网页设计DIV+CSS——第5天:head区的...

CSS入门教程篇

2016年07月27日 67 阅读

CSS是CascadingStyleSheets（层叠样式表）的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范分析一个典型CSS的语句： p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"（selectors），指明我们要给"p"定义样式；样式声明写在一对大括号"{}"中； COLOR和BACKGROUND称为"属性"（property），不同属性之间用分号";...

CSS选择符说明

2016年07月27日 58 阅读

一、类型选择符 body { font-size:12px; } { color:blue; } 指对网页中已有的标签类型作为名称的选择符，如上表示：body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。二、群组选择符 h4,p,span { font-size:12px; } 表示页面所有的h4,p,span标签内文字都为12px大小，即对一组对象进行相同的样式指定，每个标签之间用逗号分隔开来。三、包含选择符 divp { ...

IE和FIREFOX下CSS的区别与解决方法第1/2页

2016年07月27日 62 阅读

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。对高度的解析 IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度 Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。 ...

用CSS让表格返转的代码 IE only

2016年07月27日 57 阅读

返转90或180度应理解为“翻转90或180度”，用镜像翻转滤镜fliph,flipv. 一个表格原地不动<br> <tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"><tr><tdalign="center">一个简单的表格</td></tr></table> <br>表格沿...

做网页经常要注意的常识整理收集

2016年07月27日 54 阅读

背景图片不滚动IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动: <BodyBackground="图片文件"bgproperties="fixed">关于onfocus,onblur今天在BI里看到这样的贴子，刚好学习下。<inputtype="text"size="50"onfocus="this.style.background="none""onblur="this.style.background="-...

div+css实现的滑动门,简洁,新手上路（小鸽子系列）

2016年07月27日 72 阅读

以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读; 滑动门网上房展会本月开盘知名开发商栏目导航哈哈哈哈 Q小鸽子内容1 内容2 内容3 内容4 内容5 内容6 [Q小鸽子] [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

HTML 30分钟入门教程

2016年07月27日 55 阅读

运行下面的代码就可以了 HTML 30分钟入门教程 h1 {text-align:center} p {text-indent:2em; line-height:140%; margin:auto 10px} span {margin:3px} .code { border:solid 1px gray; background-color:#eee} .name { font-weight:bold } dl {margin-left:20...

css滤镜属性语法介绍

2016年07月27日 76 阅读

css滤镜 Style属性：可以应用在标签中，更可用广泛应用在<table><tr><td><body> <center><img><input><font><form><frame><label><map>等等标签中，更重要的是，它可用在标签中。页面切换效果：在页面前部与之间加入"" 说明：durat...

css滤镜基础教程

2016年07月27日 67 阅读

CSS滤镜基础随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分：CSS滤镜属性（Filter Properties）。使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上，例如图片、文本容器、以及其他一些对象。对于滤镜和渐变效果，前者是基础，因为后者就是滤镜效果的不断变化和...

css滤镜效果（一）

2016年07月27日 58 阅读

1、Alpha 滤镜语法：{FILTER：ALPHA（opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy）} "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透...

css滤镜效果（二）

2016年07月27日 65 阅读

7、Gray ,Invert,Xray 滤镜语法：{filter:gray} ,{filter:invert},{filter:xray}Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。效果如下：8、Light 滤镜语法：Filter{light}这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就...

巧用CSS的MASK滤镜

2016年07月27日 61 阅读

Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩，关于什么是遮罩？如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起来，但内容却被挖去了。若你还不明白，就看下面的图片再听我给你细说。图1 mask滤镜效果1 在上面这mask滤镜中用这么深的颜色，主要是让你能清楚地看出效果来。让我们来看一下mask滤镜的参数：它只有一个参数Color，即遮罩的颜色以#RRGGBB 格...

css动态模糊效果

2016年07月27日 61 阅读

实例效果：请把鼠标放上去看看第一步：把下面的脚本插入<head>与</head>之间： <script>function on（she）{girl=shemove=setInterval（"moving（girl）",50）} function off（she）{ clearInterval（move） she.filters.blur.strength=2 }function moving（s）{if （s.fil...

div+css详解定位与定位应用

2016年07月27日 64 阅读

引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：position:relative | absolute | static | fixedsta...

百分比的细节－－容器大小篇

2016年07月27日 56 阅读

因为屏幕能显示的最小单位是1px，对于像773*50%=386.5这样带数字的长度必须有所取舍。测试页面，一些浏览器的截图标宽度也在里面 IE：按四舍五入的方式计算。 Firefox：计算后的值忽略小数部分，但会把多出的长度分配给里面的各元素。如果只多出1px，比如2*386=772，剩下的1px会到其中一个元素，优先分配第一个元素，像773px分配给两个50%时得到的是：387px和386px，分配给四个25%时得到的是：194px、193px、193...

你不一定知道的Label的For用法

2016年07月27日 56 阅读

HTML中的Label标签，未接触标准的恐怕会比较陌生。即使接触了标准，很多人也只是当成一个容器，用来解释表单中的元素。概念性的东西我这里就不罗唆了，有兴趣的可以参看W3上的教程。这里偶只是想谈谈Label中For的用法，这两天再搞华人站用了几个，还是比较爽的。如下面的例子，对于“相当同意”，试着点点文字看。如果真觉得“吹毛求疵”，那就麻烦去描那个小不拉吉的RedioBox了。相当同意果然吹毛求疵上面相应的代码如下，其实相当的不神秘，只是在label...

首页 / 脚本样式 / CSS

代码实例之纯CSS代码实现翻页效果

用css来控制图片大小显示的实现方法与代码

比较漂亮的一个导航条的效果DIV+CSS

DIV+CSS布局教程大全与pdf电子书 下载

CSS入门教程篇

CSS选择符说明

IE和FIREFOX下CSS的区别与解决方法第1/2页

用CSS让表格返转的代码 IE only

做网页经常要注意的常识 整理收集

div+css实现的滑动门,简洁,新手上路 （小鸽子系列）

HTML 30分钟入门教程

css滤镜属性语法介绍

css滤镜基础教程

css滤镜效果（一）

css滤镜效果（二）

巧用CSS的MASK滤镜

css动态模糊效果

div+css详解定位与定位应用

百分比的细节－－容器大小篇

你不一定知道的Label的For用法

DIV+CSS布局教程大全与pdf电子书下载

做网页经常要注意的常识整理收集

div+css实现的滑动门,简洁,新手上路（小鸽子系列）