随笔分类 -  css_整理

1 2 下一页
收集整理的css知识
30个优秀css技术[明天用]
摘要：1.Hoverbox 图片集一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。2.高级CSS菜单一款很有创意且复杂的CSS导航方案。3.滑动影集手风琴效果的影集，悬停便可拉伸图片。4.Lightbox幻灯片题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。5.图片的阴影效果在A Lis... 阅读全文
posted @ 2010-06-07 21:49 慢东 阅读(366) 评论(0) 推荐(0)
DIV+CSS常见问题的14条原因分享
摘要：在朋友的QQ空间偶然看到了这么一篇技术性文章，意外的同时，觉得很实用，就抄过来了。和大家分享。 　　当你在一个浏览器里面做好，在其他浏览器里面却完全不是那么回事情。　　很多时候，我们就只是去修补下，或者利用各个浏览器对代码支持的不一致，进行针对各个浏览器进行不同的定义。　　其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。　... 阅读全文
posted @ 2010-06-06 22:27 慢东 阅读(243) 评论(0) 推荐(0)
Mozilla建议的CSS书写顺序
摘要：/* mozilla.org Base Styles* maintained by fantasai* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)*//* Suggested order://显示属性* display* list-style* position* floa... 阅读全文
posted @ 2010-06-06 22:26 慢东 阅读(179) 评论(0) 推荐(0)
CSS在IE与Firefox下的兼容性
摘要：1.DOCTYPE 影响 CSS 处理 　　2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 　　3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 　　4.FF: 设置 padding 后, div 会增加 he... 阅读全文
posted @ 2010-06-06 22:21 慢东 阅读(216) 评论(0) 推荐(0)
调css支持firefox、IE6、IE7的方法
摘要：代码例子：#bg{background:#CCC;filter:alpha(opacity=70);opacity:0.7;width:100% !important;width:180%;position:absolute;left:0px;top:0px;display:none;z-index:1;} *+html #bg {width:180% !important; /* IE7 */}... 阅读全文
posted @ 2010-06-06 22:16 慢东 阅读(157) 评论(0) 推荐(0)
浏览器对DIV+CSS兼容性问题大总结
摘要：浏览器对DIV+CSS兼容性问题大总结 接触DIV+CSS架构已经快两年了，个人觉得css入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用div+css来布局，这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题，希望大家再在其基础上补充！所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px; IE6 专... 阅读全文
posted @ 2010-06-06 22:14 慢东 阅读(204) 评论(0) 推荐(0)
高效整洁CSS代码原则
摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset　　不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：view sourceprint?*{ margi... 阅读全文
posted @ 2010-06-06 22:12 慢东 阅读(233) 评论(0) 推荐(0)
css文本布局
摘要：1.文本缩进 text-indenttext-indent 用来缩进一段文本。它的值是一个长度值,也可以是一个百分数，基于元素的宽度计算.仅能用于块级元素，比较简单，例如 2. 文本对齐 text-align文本对齐是一个很常用的属性。它有以下几个值: left|right|center|justify|inherit，分别是左对齐，右对齐，居中，两端对齐，继承父节点的设置。设置text-alig... 阅读全文
posted @ 2010-06-06 22:04 慢东 阅读(307) 评论(0) 推荐(0)
HTML和CSS的那些事儿4-Position,Floats,Z-Index
摘要：HTML和CSS的那些事儿1-标签属性和元素HTML和CSS的那些事儿2-CSSHTML和CSS的那些事儿3-HTML中级篇恩，看来还是很多点要深入…比如不同的浏览器对所有dom元素都有各自的默认样式，这种默认样式赋予标签语义的外在表现，这就是为什么h1~h6默认就是粗体，一看就知道是做标题的料～1，定位之默认定位-static position所有元素样式的position属性的值... 阅读全文
posted @ 2010-06-06 21:59 慢东 阅读(263) 评论(0) 推荐(0)
css技巧大全
摘要：CSS/HTML/XMLCSS/HTML/XMLcss 设置全屏背景图片 纯CSS星级评价 CSS打造超炫进度条、柱状图 看到今日头条里竟然是个css柱状图,我也发个加强版 程序员小抄大全 技术解决1——CSS+Jquery实现页面圆角框 [CSS]分享几条漂亮的下划线样式 【转】CSS中background:url(imagepth) 不能显示背景图片 小谈HTML中的M... 阅读全文
posted @ 2010-06-06 21:54 慢东 阅读(337) 评论(0) 推荐(0)
如何使CSS渲染更高效
摘要：我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章： about best practices . Google 当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。让我们了解下他们主要倡导的东东，然后讨论他们的实... 阅读全文
posted @ 2010-06-06 21:50 慢东 阅读(128) 评论(0) 推荐(0)
解决IE6、IE7、IE8样式不兼容问题
摘要：IE6里DIV错位的问题 采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样式不兼容问题方法一、要在页面中加入如下HTTP meta-tag: <... 阅读全文
posted @ 2010-06-06 21:47 慢东 阅读(163) 评论(0) 推荐(0)
html meta标签属性用法集合
摘要：1、<meta name="generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等； 2、<meta name="keywords" contect="">向搜索引擎说明你的网页的关键词； 3、<meta name="description" contect="">告诉搜索引擎你的站点的主要内容； 4、... 阅读全文
posted @ 2010-06-06 21:46 慢东 阅读(93) 评论(0) 推荐(0)
全兼容可高亮二级缓冲折叠菜单
摘要：在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所以那种带折叠的二级菜单是会经常使用到的，本例便是实现这样一种比较通用的全兼容可高亮二级缓冲折叠菜单。特点：1.全兼容，浏览器测试：IE5.5、IE6、IE7、IE8、FF3.0、谷歌、Safari 4.0、Opera9.0。2. Html结构优雅简洁，无多余标签，利于程... 阅读全文
posted @ 2010-06-06 21:39 慢东 阅读(226) 评论(0) 推荐(0)
CSS，XTHML书写规范以及常见问题总结
摘要：文件介绍文件名　CSS,XHTML及常见问题总结.doc内容CSS,XHTML及常见问题总结版本1.0作者状态　项目文档发布范围公司内部阅读列表阅读者　执行者　审阅者引用文章列表文章名　版本作者修改记录日期版本修改修改者项目文档目录div+CSS命名规范 -4-Div+css命名规范 -4-1.1. div+css命名规范 -4-1.2. CSS的Id命名规范 -4-1.3. css样式文件命名 ... 阅读全文
posted @ 2010-06-06 21:37 慢东 阅读(880) 评论(0) 推荐(0)
表单元素与提示文字无法对齐的问题(input,checkbox文字对齐）
摘要：样式：[代码]使用示例：<input id="Checkbox1" type="checkbox" /><label for="Checkbox1">文本内容</label> 阅读全文
posted @ 2010-06-06 21:37 慢东 阅读(131) 评论(0) 推荐(0)
前端开发必须知道的CSS(一) CSS Hack
摘要：在开发中，我们常会遇到某些css在IE中显示正常，但是在Firefox中显示不是我们所希望的，或者在Firefox中正常而在IE中不是我们所要。由于不同浏览器对CSS的支持和解析不一样，或者CSS优先级不一样，所以我们常针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，这就是CSS Hack。也可以说CSS Hack就是那些能区别不同浏览器的字符，如!important, * , _... 阅读全文
posted @ 2010-06-06 21:34 慢东 阅读(174) 评论(0) 推荐(0)
css+js 控制弹出层
摘要：1：简单的显示隐藏div[代码]2: 可以鼠标拖动的，并且背景置灰的代码代码3：多个div显现与隐藏，来源与58网站发布页 代码4：滑动门 此类型简单，目前没有具体代码，用到的时候再说吧。 阅读全文
posted @ 2010-06-06 21:32 慢东 阅读(391) 评论(0) 推荐(0)
css实现图片滑动效果
摘要：常看到网站上各种图片效果，样式之绚丽，格式之优美。其实仔细发掘一下，发现它们并不是那么神秘，都是代码一句一句码出来的。今天带来图片滑动系列，是用css做出来的，其实并不是单纯的css，其实还是拓展了mouseover和mouseout这两个方法。 CSS实现图片滑动效果首先看一下效果这里主要是用到:hover这个方法，主要思路：一开始让图片只显示一小部分（在这个例子里，width:30px），当鼠... 阅读全文
posted @ 2010-06-06 21:28 慢东 阅读(2061) 评论(0) 推荐(0)
使用margin:0 auto页面居中在IE中的问题
摘要：首先说说页面居中的实现方式，排除IE5.5，可以使用下面的方法 [代码]或者这样：[代码]两种方法在效果上是一样的，但是今天遇到了这样一个问题：我使用第一种方法让页面居中； 调试环境为Internet Explorer 6.0 (6.00.2900.5512) (32-bit); 在新闻列表页单击某一条新闻，在新窗口打开，显示正常； 但IE6默认的打开方式不是窗口最大化，然后再去单击“... 阅读全文
posted @ 2010-06-06 21:23 慢东 阅读(245) 评论(0) 推荐(0)

1 2 下一页