随笔分类 -  css

html5shiv.js和respond.min.js
摘要：html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。 由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5 阅读全文
posted @ 2018-12-30 22:56 microsoftzhcn 阅读(473) 评论(0) 推荐(0)
CSS单行压缩
摘要：工具简介:CSS单行压缩工具 阅读全文
posted @ 2018-11-28 23:12 microsoftzhcn 阅读(830) 评论(0) 推荐(0)
不同浏览器Firefox、IE6、IE7、IE8、IE9定义不同CSS样式
摘要：有时候我们在制作网页的时候，会遇到不同浏览器，对填充和边距显示的不同效果。导致心情纳闷现在提供解决这个困扰的方法！对FF、Opear等支持Web标准的浏览器与比较顽固的IE浏览器进行针对性的CSS hack/*FF、Opear等支持Web标准的浏览器*/#header { margin-top: 2 阅读全文
posted @ 2018-11-28 14:54 microsoftzhcn 阅读(298) 评论(0) 推荐(0)
Webdings字体、Wingdings字体对照表、用CSS3绘制的各种小图标
摘要：一、Webdings是一个TrueType的dingbat字体，于1997年发表，搭载在其后的Microsoft Windows视窗系统内，大多的字形都没有Unicode的相对字。 使用很简单1、网页使用：<font face='webdings' size="32">i</font>2、WPF使用 阅读全文
posted @ 2018-10-26 11:36 microsoftzhcn 阅读(25153) 评论(0) 推荐(1)
jQuery对象合并、jQuery添加静态方法、jQuery添加DOM实例方法
摘要：实例效果：代码演示：jQuery对象合并、jQuery添加静态方法、jQuery添加DOM实例方法$.extend合并实例 添加静态属性或方法 添加DOM实例方法 操作函数 阅读全文
posted @ 2015-07-28 18:26 microsoftzhcn 阅读(2056) 评论(0) 推荐(0)
css背景全屏-视差
摘要：a1a2a3a4a5a6点击下载附件 阅读全文
posted @ 2015-05-13 09:05 microsoftzhcn 阅读(985) 评论(0) 推荐(0)
手机站CSS
摘要：手机web——自适应网页设计（html/css控制）内核：-ms- /* IE 9 */-moz- /* Firefox */-webkit- /* Safari and Chrome */-o- /* Opera */一. 网页宽度自动适应手机屏幕的宽度，在head标签内加上以下内容：w... 阅读全文
posted @ 2015-04-24 09:54 microsoftzhcn 阅读(2532) 评论(0) 推荐(0)
一套策划正确的网页配色方案
摘要：网页设计师策划一个网站需要经过反复多次的思考，而在决定网页配色方案时同样需要经过再三的思量。为了得到更好的策划意见，组织者既应该与合作人员反复进行集体讨论，还应该找一些风格类似的成功站点进行技术分析，一个大型站点是由几层甚至数十层的链接和上百上千种不同风格的网页所构成，所以在需要的时候应该绘制一个合... 阅读全文
posted @ 2014-08-23 16:54 microsoftzhcn 阅读(920) 评论(0) 推荐(0)
CSS外框高度自动适应
摘要：当有浮动float时，最外框会不跟随内容的高度而高；解决办法一：清除浮动 clear:both 解决办法二：给最外框加 overflow:hidden; zoom:1; ... 阅读全文
posted @ 2014-08-07 09:17 microsoftzhcn 阅读(2197) 评论(0) 推荐(0)
两种解决IE6不支持固定定位的方法
摘要：有两种让IE6支持position:fixed1.用CSS执行表达式*{margin:0;padding:0;}* html,* html body{ background-image:url(about:blank); background-attachment:fixed;}* html .... 阅读全文
posted @ 2014-08-05 11:56 microsoftzhcn 阅读(285) 评论(0) 推荐(0)
DIV+CSS IE6/IE7/IE8/FF兼容问题汇总
摘要：1.IE8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:10px !important;;margin-... 阅读全文
posted @ 2014-08-05 11:53 microsoftzhcn 阅读(2099) 评论(0) 推荐(1)
解决IE6兼容性问题的十一大技巧
摘要：10要点解决IE6兼容性问题1、使用声明你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如or,forXHTML: 最后你需要是IE6进入兼容模式，这已经足够兼容了。2、使用position:relativeIE6兼容性问题解决方案二：使用position:relative。设置一个... 阅读全文
posted @ 2014-08-05 11:47 microsoftzhcn 阅读(202) 评论(0) 推荐(0)
css常见问题
摘要：CSS+DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css div的方式实现各种定位。应用应用DIV+CSS编码时很轻易犯一些错误。本文列举了一些常见的错误... 阅读全文
posted @ 2014-05-28 09:55 microsoftzhcn 阅读(263) 评论(0) 推荐(0)
css样式小技巧
摘要：1.css样式小技巧HTML怎样设定使背景图片不随页面滚动而滚动background-attachment:fixed;2.实现li a 超过长度内容出现省略号…overflow:hidden;white-space:nowrap;text-overflow:ellipsis;3.使用 line-height 垂直居中line-height:24px;4.清除容器浮动#main { overflow:hidden;}5.不让链接折行a { white-space:nowrap;}6. 使块元素水平居中margin:0 auto;其实就是 margin-left: auto;margin-rig 阅读全文
posted @ 2013-08-26 18:12 microsoftzhcn 阅读(353) 评论(0) 推荐(0)
html块元素和内联元素
摘要：html块元素和内联元素：对于html各种标签/元素，可以从块的层面做一个分类：要么是block(块元素)，要么是inline(内联元素)。block元素的特点：总是另起一行开始；高度，行高以及顶、底边距都可控制；宽度缺省是它所在容器的100%，除非设定一个宽度。inline元素的特点：和其它元素都在一行上；高度，行高以及顶、底边距不可改变；宽度就是它所容纳的文字或图片的宽度，不可改变。块元素(block element) HTML标签分类明细address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是css layou 阅读全文
posted @ 2013-08-26 18:11 microsoftzhcn 阅读(8795) 评论(0) 推荐(0)
怎么解决浏览器兼容性问题
摘要：怎么解决浏览器兼容性问题所有浏览器 通用 height: 100px;IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;1.内外边距被统一:不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：*{margin:0px;padding:0px;}借于此，所有标记的内外边距被统一起来。2.margin不一致的问题：当有多张图片需要排在一行时，我们通常使用“Float： 阅读全文
posted @ 2013-08-26 18:10 microsoftzhcn 阅读(5202) 评论(0) 推荐(2)
高效率、简洁、CSS代码优化原则
摘要：高效率、简洁、CSS代码优化原则CSS学起来并不难，但在大型项目中，一个团队中不同的人在书写CSS风格上也有不同这样这个项目就变得难以管理，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：步骤/方法11. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：*{margin:0;padding:0;}这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。/* 阅读全文
posted @ 2013-08-26 18:09 microsoftzhcn 阅读(459) 评论(0) 推荐(0)