Welcome 微信登录

首页 / 脚本样式 / CSS

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

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

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选择符说明

CSS选择符说明

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

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

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 对高度的解析 IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度 Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况;当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位。 ...
div+css实现的滑动门,简洁,新手上路 (小鸽子系列)

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

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

css滤镜基础教程

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

css滤镜效果(二)

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

巧用CSS的MASK滤镜

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

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

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

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

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

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

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

都是IE惹的祸多浏览器兼容问题

IE7发布已经有些日子了,因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容,找到了一个解决办法,这里既是共享,也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历,以下代码区分4个浏览器,复制代码保存成一个HTML文件看看效果吧:( 无标题文档 IE5: YELLOW IE6: GREEN IE7: BLUE MOZ: RED [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]特别提...
<< 21 22 23 24 25 26 27 28 29 30 >>