文章分类 -  css

CSS浏览器兼容大全
摘要：1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*background:blue; 区别IE6与 阅读全文
posted @ 2018-03-25 21:01 蓝魔 阅读(103) 评论(0) 推荐(0)
display:block; inline; inline-block
摘要：display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素.　... 阅读全文
posted @ 2015-11-24 21:09 蓝魔 阅读(104) 评论(0) 推荐(0)
CSS浏览器兼容解析
摘要：一、使用!important其功能是兼容IE6和Firefox浏览器，被!important声明后具有较高的优先权，IE6不支持!important，Firefox支持它。具体使用时将优先属性放在最近位置，然后使用!important来声明该属性。例如：.mm{ width:400px; heigh... 阅读全文
posted @ 2015-02-28 22:47 蓝魔 阅读(133) 评论(0) 推荐(0)
css应用点滴
摘要：1、hidefocus="true" outline:none hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()" 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。 在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： XX 而在FF等浏览器中则相对比较容易，直接给 阅读全文
posted @ 2013-12-09 18:42 蓝魔 阅读(123) 评论(0) 推荐(0)
网页对IE和FF浏览器的兼容性总结
摘要：IIE与FF兼容性是网页设计要经常考虑的问题. 这里从网上收集了IE7,6与Fireofx的兼容性处理技巧，对于web2.0的过渡，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧 1、浮动ie产生的双倍距离 以下为引用内容： #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上... 阅读全文
posted @ 2013-10-06 10:57 蓝魔 阅读(244) 评论(0) 推荐(0)
CSS教程之导航条
摘要：1、垂直导航条制作HTML代码：homesecondthreefoureCSS代码：//为UL标记去除空白边ul{ margin:0; padding:0; list-style-type:none;}//将a标记设置成块级元素 并且把图象加入背景左对齐 高度设置为小1PX 避免出现双边现象ul a{ display:block; width:200px; height:39px;line-height:39px; color:#eeee; background:url("xx.gif") no-repeat left bottom text-decoration:none 阅读全文
posted @ 2011-01-10 17:59 蓝魔 阅读(243) 评论(0) 推荐(0)
CSS教程之按钮篇
摘要：1、简单的按钮效果设置了锚的display:block定义成了块级元素a{display:block;padding:5px;wdith:150px;line-height:80px;background-color:#eee;border:1px solide black;color:#000;text-decoration:none;text-align:center;}2、利用伪类元素在锚元素内定义背景图象产生反转效果 阅读全文
posted @ 2011-01-09 23:11 蓝魔 阅读(115) 评论(0) 推荐(0)
CSS教程之链接篇
摘要：1、为链接添加有特点的下划线a:link,a:visited{color:#666;text-decoration:none;background:url("xx.gif") repeat-x left bottom}2、突出显示不同类型的链接.expean{padding-right:10px;background:url("xx.gif") no-repeat right top;}链接顺序要注意1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；2.鼠标经过的“已访问链接”同时拥有a:visit 阅读全文
posted @ 2011-01-09 23:00 蓝魔 阅读(189) 评论(0) 推荐(0)
CSS教程之图象篇-----图象替换技术
摘要：Hollow wordh2{width:500px;height:400px;position:relative;}h2 span{background:url("xx.jpg") no-repeat;position:absolute;width:100%;height:100%;} 阅读全文
posted @ 2011-01-09 22:53 蓝魔 阅读(120) 评论(0) 推荐(0)
CCS教程之图象应用---阴影的制作
摘要：给图象添加阴影1、在PHOTO中设计阴影图象跟图片尺寸一样；2、添加HTML代码 //这段代码不能换行写要写在一行上中间不要有空格3、添加CSS代码 .img-wrapper{background:url(imges/shows.gif) no-repeat bottom right; clear:right; float:left; position:relative; } .img-wrapper img{ background-color:#fff;border:1px solid #ccee66; padding:4px; display:block; margin:-5px 5px. 阅读全文
posted @ 2011-01-09 10:44 蓝魔 阅读(221) 评论(0) 推荐(0)
CSS+Javascript制作导航菜单
摘要：纵式导航:BODY: 导航菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 导航菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 导航菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 下拉菜单 CSS:JAVASCRIPT:横式导航:BODY:菜单栏一 子菜单 子菜单 子菜单 子菜单 菜单栏二 子菜单 子菜单 子菜单 子菜单 菜单栏三 子菜单 子菜单 子菜单 子菜单 CSS:Javascript: 阅读全文
posted @ 2009-06-29 12:02 蓝魔 阅读(337) 评论(0) 推荐(0)
关于CSS BUG和过滤问题
摘要：最安全的过滤器依赖未实现的CSS，他们仅仅是一些浏览器不能理解的CSS，但它们是有效的正确的CSS。依赖这样的理解上的不同，从而区别浏览器的不同。如：子选择器----- html>body{ background:#098567 } (">"前后不能空格) IE6 和其以下版本不支持这个选择器 属性选择器 ----- div[id="count"]{background:#098567 } IE6 和其以下版本不支持这个选择器 星号HTML招数 ------ *html { background:#098567 } 使用它只有IE6及以下版本 阅读全文
posted @ 2009-02-19 19:57 蓝魔 阅读(171) 评论(0) 推荐(0)
css在IE和FF中的区别
摘要：1、IE6下高度height小于12px的实现方法：1、设置font-size:0px2、设置overflow:hidden当height=1px和height=0px时，只有overflow:hidden才能实现！2、居中问题div里的内容，ie默认为居中(ie6也是默认左对齐)，而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto;也可以使用text-align:center;2、高度问题设有两横行div排列，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在ff中会出现两个div重叠的现象；但在ie中， 下面的div会自动给上面的div让出空 阅读全文
posted @ 2009-02-07 23:05 蓝魔 阅读(933) 评论(0) 推荐(0)
Em和Px的区别
摘要：在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因为有一部法律来约束他们—例如美国的Section 508，强制网站达到一定的易用性。 关键点： 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em作.. 阅读全文
posted @ 2008-12-22 13:39 蓝魔 阅读(189) 评论(0) 推荐(0)
CSS教程
摘要：1. CSS的语法: CSS的定义是由三个部分构成: 选择符(selector)，属性(properties)和属性的取值(value)。 语法: selector {property: value} (选择符 {属性:值}) 说明: ·选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开: 例子:body {color: black}，此例的效果是使页面中的文字为黑色。 ·如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合: 例子:p {font-f 阅读全文
posted @ 2007-12-30 12:55 蓝魔 阅读(236) 评论(0) 推荐(0)