合作联系微信: w6668263      合作联系电话:177-9238-7426     

随笔分类 -  CSS+DIV

CSS+DIV
精通CSS滤镜(filter)(实例解析)
摘要:CSS(Cascading Style Sheets) 层叠样式表单。1998年5月12日,Cascading Style Sheets,level 2 成为了W3C的新标准。同时,”W3C CoreStyles '和CSS2 Validation Service' 以及“CSS Test Suite' 宣布成立。它是一组样式,样式中的属性在HTML元素中依次出现,并显示在浏览器中。样式可以定义在HTML文档的标志(TAG)里,也可以在外部附加文档作为外加文档。此时,一个样式表单可以作用于多个页面---甚至整个站点,因此具有更好的易用性和扩展性。 对于滤镜和渐变效果,前 阅读全文

posted @ 2012-12-27 16:02 草率的龙果果 阅读(428) 评论(0) 推荐(0)

position:fixed——IE条件注释解决方案
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-12-27 14:45 草率的龙果果 阅读(272) 评论(0) 推荐(0)

jquery图片滚动
摘要:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>图片滚动</title><style type="text/css">#bannerScoll {position:relative; width:900px; height:200px; border:3px solid #B8E466; overfl 阅读全文

posted @ 2012-07-06 13:24 草率的龙果果 阅读(467) 评论(1) 推荐(0)

IE 窗口缩小css-IE,firefox居中的区别
摘要:IE,firefox居中的区别 FF设置body中text-align:center,则body中的text居中,body中的div还是默认的left对齐。 IE设置body中text-align:center,不光text居中,body中的div也会居中 而对于body中的div中的text。因为div继承了body的text-align:center,所以 text会在其所属的div中居中,FF和IE都是这样。不同的是IE中div也会居中,所以text在div中居中,相当于在整个body中居中。 那么,怎么让body中div居中呢? 在div中设置: margin:0 auto; //上下 阅读全文

posted @ 2012-04-26 09:31 草率的龙果果 阅读(679) 评论(0) 推荐(0)

CSS中超链接样式的书写顺序
摘要:CSS中超链接样式的书写顺序超链接有四种样式:a.link{} /* 正常情况下的样式 */a.visited{} /* 已访问过的样式 */a.hover{} /* 鼠标超链接移过时的样式 */a.active{} /* 鼠标在超连接上使用右键时的样式 */正常的书写顺序应该如上面的写法,即:lvha,可以按“LoVe,HAte" 来帮助记忆如果没有按照这个顺序的话,那可以显示的结果就可能会出现问题,比如,在最近的项目中,我就遇到问题,我把a.hover写在了a.visited 的前面,然后当我点击了鼠标触发了a.visited后,a.hover就失去了作用,下次再把鼠标移过超链接 阅读全文

posted @ 2012-04-06 10:59 草率的龙果果 阅读(521) 评论(0) 推荐(0)

怎么让DIV层浮动到flash上面?
摘要:实很简单:就是给flash添加透明参数,简单的问题,在一些网站上洋洋洒洒写那么长,很扯淡。问题的关键就在下面横线之间的两句,最核心的 代码就是 name="wmode" value="transparent" 就是用来让flash透明的。透明flash也是这样做的,然后就是用和定位其他的DIV没什么两样了,比如你可以用绝对定位,配合相对定位就搞定了。<embed 这一句是为了兼容火狐。---------------------------------<param name="wmode" value="trans 阅读全文

posted @ 2011-10-15 14:13 草率的龙果果 阅读(334) 评论(0) 推荐(2)

margin:0 auto;不居中问题 DOCTYPE声明滴重要性
摘要:margin:0 auto;不居中问题 DOCTYPE声明滴重要性首先我们看看HTML发展史:HTML是Web统一语言,这些容纳在尖括号里的简单标签,构成了如今的Web,1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档,里面包含了大约20个用来标记网页的HTML标签。他直接借用SGML的标记格式,也就是 后来我们看到的HTML标记的格式。从IETF到W3C:HTML 4之路HTML 1并不曾存在,HTML的第一个官方版本就是由IETF(互联网工程任务组)推出的HTML 2.0。问世之前,这个版本中的很多细则已经被实现,比如,1994年的Mosaic浏览器已经实现了 阅读全文

posted @ 2011-10-15 14:08 草率的龙果果 阅读(2213) 评论(2) 推荐(1)

word-wrap同word-break的区别
摘要:word-wrap:normal Default. Content exceeds the boundaries of its container. break-word Content wraps to next line, and a word-break occurs when necessary. 必要时会触发word-break。word-break:normal Default. Allows line breaking within words. 好像是只对Asian text起作用。break-all Behaves the same as normal for Asian t 阅读全文

posted @ 2011-10-15 14:04 草率的龙果果 阅读(267) 评论(0) 推荐(1)

CSS中margin参数省略原则
摘要:本文向大家介绍一下CSS中margin参数省略的原则,使用margin属性是用来设置对象四边的外边距,如果提供全部四个参数,将按上-右-下-左的顺序作用于四边。你对CSS中margin参数省略的原则是否了解,这里和大家分享一下,CSS中共有四个margin参数,具体内容请看下文详细介绍。CSS中margin参数省略的原则使用margin属性是用来设置对象四边的外边距,如果提供全部四个参数,将按上-右-下-左的顺序作用于四边,即:margin:{toprightbottomleft;} 记住这个模式的好的途径是:这4个值从元素顶端开始,顺时针围绕元素。值总是按照这个顺序被使用,因此若想得到预期. 阅读全文

posted @ 2011-10-15 13:59 草率的龙果果 阅读(1555) 评论(0) 推荐(1)

写三句代码来控制一个属性,区别Firefox,IE7,IE6:
摘要:写三句代码来控制一个属性,区别Firefox,IE7,IE6:background:orange;*background:green !important;*background:blue; 阅读全文

posted @ 2011-10-15 13:48 草率的龙果果 阅读(271) 评论(0) 推荐(1)

CSS给框架定义背景
摘要:框架页文件设置:<body style="background-color:transparent" > 或 <body bgColor="transparent">方法一:<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter: 阅读全文

posted @ 2011-10-15 13:47 草率的龙果果 阅读(304) 评论(0) 推荐(1)

导航