随笔分类 -  div css html 技巧……

摘要:global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式)清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致。common.css(公共组件样式)一般一个网站所有页面头部、底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品、运营的经常需要添加、去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响应。比如翻页、表单(输入框、按钮)等样式也是全站统一的,把这些样式都放到common.css里面,如果哪天所有的按钮样式要变更,一次替换. 阅读全文
posted @ 2013-02-01 16:08 web哓轲 阅读(458) 评论(0) 推荐(0)
摘要:文件菜单 新建文档 Ctrl+N 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开 Ctrl+Shift+O 关闭 Ctrl+W 保存 Ctrl+S 另存为 Ctrl+Shift+S 检查链接 Shift + F8 退出 Ctrl+Q 编辑菜单 撤消 Ctrl+Z 重复 Ctrl+Y 或 Ctrl+Shift+Z 剪切 Ctrl+X 或Sh... 阅读全文
posted @ 2012-03-06 11:23 web哓轲 阅读(370) 评论(0) 推荐(0)
摘要:SS命名规范一.文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print.css;二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu标 志:logo标 语:banner标 题:title侧边栏:sidebar图 标:Icon注 释:note搜 索:search按 钮:btn登 录:login链 接:link信息框:manage……常用类的命名应尽量以 阅读全文
posted @ 2012-03-03 16:09 web哓轲 阅读(215) 评论(0) 推荐(0)
摘要:通过条件判断引入样式表使我们能很容易在 IE 浏览器中通过条件注释语句加载指定样式表,而其他非 IE 内核浏览器则自动忽略这段蹩脚的 HTML注释。下面是一个例子: 这段代码会导致 IE8、IE7、IE6 各自加载对应的样式文件。这事实上是非常牛逼的,条件注释给按浏览器加载各自不同的样式表提供了可能,但同时需要维护多个样式文件。CSS hacks这事实上是个龌龊的做法,能解决问题又不符合规范,看着也很头大。大部分人看着它只能束手无策而又逼不得已。现在可以来简单回顾一下IE 的 CSS hacks 常用的几个方法:_selector{property:value;} //IE6 *sele... 阅读全文
posted @ 2012-03-03 16:06 web哓轲 阅读(118) 评论(0) 推荐(0)
摘要:1、IE6、IE7、Firefox之间的兼容写法:◆写法一:IE都能识别*;标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别!important,IE7能识别*,也能识别!important;FF不能识别*,但能识别!important;根据上述表达,同一类/ID下的CSS hack可写为: CSS Code复制内容到剪贴板.searchInput{ background-color:#333;/*三者皆可*/ *background-color:#666 !important;/*仅IE7*/ *background-color:#999;/*仅IE6及IE6以下*/ ... 阅读全文
posted @ 2012-03-03 15:49 web哓轲 阅读(260) 评论(0) 推荐(0)
摘要:半透明效果有时候会给页面增加不少色彩,特别是Vista盛行之后,半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中,只有PNG格式和Gif格式可以实现半透明效果,不过Gif格式的半透明效果很有限,而且会大范围失真,所以目前最流行的方式就是使用PNG格式图片。不过可惜的是,在Internet Explorer 6及以下版本中都不支持PNG半透明效果(至少是不直接支持)。不过幸好Microsoft在这些浏览器中内置了其他的功能,可以帮助我们来实这种半透明的效果。一、我们看一下普通情况下在现代浏览器中半透明效果的实现首先要有一张半透明的PNG格式图片,这个制作很简单,在Photoshop中新建 阅读全文
posted @ 2012-03-03 15:30 web哓轲 阅读(184) 评论(0) 推荐(0)