css
AllinShang
这个作者很懒,什么都没留下…
展开
-
Css基础学习一:字体,文本,颜色,背景,边框,边距
1. 字体设置字体:font-family设置字号:font-size字体样式:font-style:normal|italic|oblique(正常|斜体|歪体)字体加粗:font-weight:normal|bold|bolder|lighter|number(正常原创 2011-07-13 17:50:32 · 1435 阅读 · 0 评论 -
团队合作中如何写出高效整洁规范的CSS代码
团队合作中如何写出高效整洁规范的CSS代码转自:http://www.css6.com/HTML__CSS/guifan_jianjie_CSS.html1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{ margin:0; paddi转载 2012-02-10 18:29:53 · 666 阅读 · 0 评论 -
CSS布局——左定宽度右自适应宽度并且等高布局
转自:http://www.w3cplus.com/css/two-cloumn-width-one-fixed-width-one-fluid-width今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧:左侧固定宽,右侧自适应屏幕宽;左右两列,等高布局;左右转载 2012-02-17 17:38:23 · 934 阅读 · 0 评论 -
八种创建等高列布局
转自:http://www.w3cplus.com/css/creaet-equal-height-columns高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道转载 2012-02-20 18:07:34 · 1213 阅读 · 0 评论 -
css: position定位问题
昨天下午遇到一个奇怪的问题:第一层div使用了position:fixed;第二层div使用position:relative的话,IE7里边设置的margin-top将失效;===》解决方法: 去掉第二层div里边的position:relative; 在第二层里边添加一层div层,使用position:relative; 这样的话,IE6就有问题,所以原创 2012-03-29 12:42:15 · 597 阅读 · 0 评论 -
链接css样式的书写顺序
总结为:love hatea{}a:link{}a:visited{}a:hove{}a:active{}原创 2012-03-14 16:51:28 · 819 阅读 · 0 评论 -
IE下的firebug
出自崔凯的博客http://uicss.cn/ie-firebug/在IE浏览器调试代码,我们可以选择使用 IE WebDeveloper ,但是我个人用惯了ff浏览器下的firebug,所以在网上搜了一下,如果你也想在IE下使用firebug进行调试,可以进行如下改动:1.将需要调试的页面加入以下JS代码:scripttype='text/javascri转载 2012-03-19 16:34:33 · 615 阅读 · 0 评论 -
CSS border-collapse 属性
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值: separate实例为表格设置合并边框模型:table { border-collapse:collapse; }所有主流浏览器都支持 border-collapse 属性。separa原创 2012-05-02 10:25:53 · 951 阅读 · 0 评论 -
IE6解决最小高度和最小宽度的问题
解决方法一:div { height:auto !important; height:200px; min-height:200px;}解决方法二:div { min-height:200px; _height:200px;}参考:技术分享 IE6不支持min-height的解决办法http://develop原创 2012-05-24 16:14:51 · 1947 阅读 · 0 评论 -
IE6是支持!important的
备注:写在同一选择器中的!important是不被IE6所认的,而分开情况的则正常参考:http://blog.dmtuan.com/?p=183IE6支持important.box { background:red;}.box { background:green !important; }.box-box { background:green !转载 2012-05-24 16:26:50 · 712 阅读 · 0 评论 -
浏览器csshack
body{ background-color:#0F0; /*FireFox,chrome,safari*/ background-color:red\0; /* ie 8/9*/ background-color:blue\9\0; /* ie 9*/ *background-colo原创 2012-05-24 16:16:27 · 502 阅读 · 0 评论 -
css中!important的作用
转自:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151859.htmlcss中!important的作用 {*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过,可是现在发生了变化。众所周知,!importa转载 2012-02-08 16:10:58 · 458 阅读 · 0 评论 -
DIV+CSS开发浏览器的兼容性
转自:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2152118.html1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 l转载 2012-02-08 17:17:07 · 438 阅读 · 0 评论 -
关于css中hideFocus的理解
参考: http://apps.hi.baidu.com/share/detail/16858961css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定!hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:转载 2011-09-30 17:14:32 · 906 阅读 · 0 评论 -
css基础学习{二}:列表,定位,css层,鼠标指针
css基础学习{二}:列表,定位,css层,鼠标指针1. 列表列表样式: list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none 列表图像:l原创 2011-07-14 11:52:51 · 682 阅读 · 0 评论 -
ant命令总结
转自:http://www.blogjava.net/sutao/articles/133961.htmlant命令总结1 Ant是什么? Apache Ant 是一个基于 Java的生成工具。生成工具在软件开发中用来将源代码和其他输入文件转换为可执行文件的形式(也有可能转换为可转载 2011-07-14 15:07:08 · 498 阅读 · 0 评论 -
CSS+JavaScript面试题
转自:http://www.mianwww.com/html/2011/03/8083.htmlCSS+JavaScript面试题1、 HTML中定义表格的宽度用80px与80%的区别是什么?px表示像素,%表示占整个页面宽度的百分比。2、 简述DIV元素和SPAN元素的区别。D转载 2011-07-15 13:10:41 · 611 阅读 · 0 评论 -
css基础学习{三}:滤镜特效
css基础学习{三}:滤镜特效参考:html/css/javascript标准教程实例版(第三版) 虑:是指在一些辅助工具的作用下将含有的杂物除掉;镜:有两个含义: 一是指:用来反映形象的器具; 二是指:利用光学原理特制的各种器具。滤镜:就是在镜的作用原创 2011-07-14 11:53:25 · 518 阅读 · 0 评论 -
纯CSS圆角框
纯CSS圆角框转自: http://www.cnblogs.com/binyong/archive/2009/11/30/1613376.html第一章、基本的圆角框 原创:冰极峰 转载请注明出处 2009年11月30日10:19:34文章导航:第一章:基转载 2011-09-14 16:17:11 · 513 阅读 · 0 评论 -
CSS3圆角详解
CSS3圆角详解转自: http://www.ruanyifeng.com/blog/2010/12/detailed_explanation_of_css3_rounded_corners.html作者: 阮一峰日期: 2010年12月 9日CSS3转载 2011-09-14 16:14:57 · 780 阅读 · 0 评论 -
IE6的3像素BUG
IE6的3像素BUG 转自:http://panjunlai.blog.163.com/blog/static/58190301201081492525474/3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。转载 2011-08-26 16:31:59 · 1059 阅读 · 0 评论 -
IE6下margin双倍边距Bug处理办法
IE6下margin双倍边距Bug处理办法 转自:http://panjunlai.blog.163.com/blog/static/5819030120108934734155/你对于margin双倍边距Bug问题是否熟悉,这里和大家分享一下IE6下margin转载 2011-08-26 16:46:34 · 698 阅读 · 0 评论 -
IE9的css hack
IE9的css hack转自:http://www.css88.com/archives/3746以前写过《IE8的css hack》,ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下:转载 2011-08-26 18:06:33 · 497 阅读 · 0 评论 -
CSS 盒模型
CSS 盒模型转自:http://www.qianduan.net/css-box-model.htmlCSS 盒模型网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:如果是 Firebug 用户的话(基本和前端有关的都会用到 Fir转载 2011-08-26 18:00:33 · 384 阅读 · 0 评论 -
window7 支持一键是用TBCompressor压缩JS和CSS文件
转自: http://ipple.net/lanmp/win7-tbcompressor-yuicompressor.htmlwindow7 支持一键是用TBCompressor压缩JS和CSS文件 大家知道现在有很多工具可以压缩js、css文件,YUICompressor是其中之一,淘宝团队把这个工具包装了一个可以放在鼠标右键里的TBCompressor,quchao同学又对cs转载 2011-09-20 14:44:29 · 1588 阅读 · 0 评论