css滑动菜单,纯CSS实现的滑动的可折叠菜单
点评：纯CSS实现的二级纵向下拉菜单，可以滑动折叠，无需JavaScript代码，兼容性好
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999... [阅读全文]
css3圆角,css3 background属性调整增强介绍
点评：css3对于backgrounds做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 （注：仅对css3对background的调整、增加的属性进行了翻译）css3对于backgrounds做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 1、多个背景图片在css3里面，你可以再一个标签... [阅读全文]
divcss,DIV CSS网页设计 有用的3个CSS技巧
点评：我们在进行DivCSS布局的时候，非常关注CSS技巧的学习，今天向大家推荐3个所谓的 “顶级”CSS技巧！虽然没有什么新意，但对新手而言却非常重要！一、在一行内声明CSS 复制代码代码如下:h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {font-size:18px; bo... [阅读全文]
css滤镜,CSS滤镜同时过滤文字的问题的解决方法
点评：初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后，里面的文字也随之半透明,这种情况下，我们该怎么办呢？经过本人查阅大量资料，实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明. html代码: 复制代码代码如下:... [阅读全文]
页面滚动条,firefox下有滚动条时页面抖动问题的解决方法
点评：在firefox中 默认页面不超过一页是没有滚动条的 加入页面中某些元素会临时改变页面高度 比如用了toolTip 之类的提示小工具 就会出现滚动条时有时无 导致页面抖动解决方法是 CSS里加: 复制代码代码如下:... [阅读全文]
ie6下载,ie6 position:fixed解决方案
点评：当前主流浏览器中，chrome，firefox，ie7,8等想要固定一个元素位置，不随内容的滚动而滚动，众所周知，css中position: fixed;即可解决。可是要在IE6中实现固定效果，position: fixed;就不奏效了。 目前我所知的ie6下fixed的方案大概有纯css和expression+js两种，各有利弊。 1.纯css法 利用了ie6下html元素外面套的一个匿名... [阅读全文]
css层叠样式表,CSS 的层叠规则说明
点评：学习了段时间CSS, 总结一些CSS层叠规则整个过程 查找competing rule集。 对competing rules进行排序； 对元素，应用sorted rules中的属性（层叠过程，高优先级的在上面，覆盖了下面低优先级的属性) 最后渲染，考虑继承值（也是个层叠过程)和默认值, 再做属性值转换。 原则就是 general --- special 查找阶段 遍历所有css rule, ... [阅读全文]
cssbug,IE中奇怪的应用CSS的BUG分析
点评：由于IE系浏览器对标准的支持不够好，导致Web开发中经常需要去处理浏览器兼容性问题，特别有些莫名其妙的问题很让人头疼今天要说这个问题就是这样的，先从插入CSS的三种方法说起： 外部样式（External Style Sheet） 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样... [阅读全文]
css清除浮动,css 怎么清除浮动
点评：早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵，然后我就每次都装嫩的在里面问：“各位高手，劳烦请问一下；清除浮动怎么弄？” 清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了... [阅读全文]
select和input不会继承字号body font-size
点评：在Firefox 3.6.9、IE 9、IE 8中，select和input不会继承字号，无论在body中声明font-size是多少，select和input仍然显示为浏览器默认字号（一般为16px）。 复制代码代码如下:... [阅读全文]
浏览器透明度,多个浏览器透明度设置
点评：有时候很多朋友需要设置透明度，这个方法大家可以参考下。各个浏览器透明度设置 filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;... [阅读全文]
css竖向导航,Vertical Text with CSS（用CSS竖向排列文本）
点评：Vertical Text with CSS(用CSS竖向排列文本) ，需要的朋友可以参考下。CSS代码: 复制代码代码如下:... [阅读全文]
css清除浮动,css hack之清除浮动（clearfix）
点评：平常做东西，经常要碰到清除浮动（对于一些浮动元素） 一般最简单的方式是在要清除浮动的元素后直接加一divdiv class='clear'/div 但这样增加了页面的结构的源代码，造成代码的拥肿，其实也可以有更好的办法， 在浮动元素的外包clearfix样式 复制代码代码如下:... [阅读全文]
CSS中右对齐float:right换行的解决办法
点评：一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上，二是在另一行，举个例子，大家一看就明白了是不是很多朋友在应用FLOAT左右的时候也出现这个问题，下面给出几种常用的解决方法，希望对出现这样问题的朋友有所帮助哈。 第一种解决办法：把左右对换，比如吧日期放在标题的前面，我朋友就是那个问题，对调以下就好了。 第二种解决办法：给右边也加上FLOAT:RIGHT ... [阅读全文]
css圆角背景,CSS技巧之圆角背景与三角形实现方法
点评：前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择. 查看演示
!DOCTYPE HTML
html
head
meta charset... [阅读全文]
ie7ie8,IE7、IE8、ff下的margin-top问题 折叠margin
点评：今天小组一同学做网站时，遇到一个关于margin-top兼容问题：有两个div,其中div1嵌套div2,而在div2里面设置margin-top后，在IE8、ff和chrome下显示的效果竟然不是想要出现的结果，而在IE7下面效果正确。而在以前用的时候，从不记得margin也需要不同的浏览器对其进行兼容设置。并且还是在不太支持web标准的IE7下面都可以，其他支持WEB标准的都出现问题。难... [阅读全文]
超链接四种状态,网页中css四种链接引用方法浅谈
点评：在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式%--第一种方法--% link href="/site.css" rel="stylesheet" type="text/css" / %--第二种方法--% link href="site.css" rel="stylesheet" type="text/css" / %--第三种方法--% li... [阅读全文]
css最小宽度,css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度
点评：最近做一个论坛，遇到了这两个问题，觉得也挺有意思的，就也写上吧限制、防止表格被连续英文字母拉长 table标记中table style="table-layout:fixed;" 这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖然后我们再为单元格定位, td标记中td style="width:100%;word-wrap:break-word;" 这句话的意思就... [阅读全文]
css样式表,关于CSS样式表文件组织形式的整理
点评：以下引用网络上的一篇文章,不知道作者是谁了,总体上概括的不错,但是在实际应用当中还是要根据项目情况来具体实施比较好。现在的开发环境CSS越来越成为主流，各企业与IT公司对CSS也越来越重视，大家的学习也热情高涨，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。曾几何时只要一个CSS文件就够了—&mdas... [阅读全文]
css样式学习,CSS学习之一 CSS样式引入方法
点评：CSS样式引入方法，一般情况下最好使用link加入远程样式，但不好的地方就是当网速慢的情况下，这种方法容易使页面因为样式没有加载而变形，很多大网站首页都是直接写到页面里。HTML中，我们通常使用link元素引入外部样式表，link有以下几个属性： 1、rel，代表“关系”（relation），在这里，关系（即rel值）为“stylesheet”... [阅读全文]
css选择器,CSS学习之二 选择器
点评：CSS学习之二 选择器 1、元素选择器：往往是HTML元素，也可能是XML定义的元素，举例： 复制代码代码如下:... [阅读全文]
css字体,CSS学习之三 字体使用说明
点评：当你选择某种字体时，必须保证选定的字体不但要在选定的平台上看起来不错，还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境，采用自己喜欢的字体，不要被一些考虑不充分的意见动摇，只要保证你的网站访问者能够阅读它就行。
字体使用基本原则：清晰+易读！当你选择某种字体时，必须保证选定的字体不但要在选定的平台上看起来不错，还要保证在其他平台上也能正常显示。没有人强... [阅读全文]
css浮动,CSS学习之四 浮动
点评：浮动和定位是CSS布局当中很重要的两种方法，这一篇先讲浮动布局，定位留在下一篇。一、先说说浮动的性质吧，请看HTML代码： 复制代码代码如下:... [阅读全文]
css定位与布局,CSS学习之五 定位布局
点评：定位的原理很简单，利用定位，可以准确的定义元素框对于其正常位置应该出现在哪里，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。一、定位属性的基本情况使用position属性对元素进行定位：position属性值：static | absolute | fixed | relative 初始值：static运用范围：所有元素继承值：无计算值：根据指定确定static：元素框正常生成。块级... [阅读全文]
css3圆角,CSS3实战第一波 让我们尽情的圆角吧
点评：在没有css3 以前，或者说，在webkit没有占绝对的优势以前，圆角对于制作经理来说，都是一个纠结的死角。如果说，WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影，那么从iPhone、Android这些高端手机应用 起，我们终于可以庆幸比其他同行提前迎来了一个新时代，这两种高端手机上的Safari Mobile和Google Android浏览器近乎完美的渲染效果，... [阅读全文]
vertical,line-height 和 vertical-align 行高与行对齐精解 (图文)
点评：行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的， 同时也受字号的影响。7.3 line-height行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的， 同时也受字号的影响。7.3.1 语 法line-height属性的具体定义列表如下：语法： line-height : normal | 实数 | 长度 | 百分比 | inherit说明： ... [阅读全文]
ie6崩溃解决,z-index ie6下的解决方案
点评：非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素至共有的祖元素的下一级为止，并分别从中拿出具备最高级别的祖元素（或其本身）进行比较。... [阅读全文]
div不换行,css自动换行 防止撑破div影响排版
点评：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html id="wrap"正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 ... [阅读全文]
css长度单位,CSS长度单位 px和pt的区别
点评：先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，是印刷行业常用单位，等于1/72英寸。 这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所... [阅读全文]
css不起作用,CSS hover不起作用的原因
点评：在使用 link的时候，要使用如下顺序，否则hover则没有任何效果css 中有个奇怪的问题: 在使用 link的时候，要使用如下顺序，否则hover则没有任何效果 a:link a:visited a:hover a:active ... [阅读全文]
