前端技巧

CSS技巧

CSS word-break与word-wrap的使用

阅读全文

一般情况下,元素拥有默认的white-space:normal(自动换行,不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,不换行。

CSS技巧

CSS设置滚动条样式

阅读全文

因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。

CSS技巧

伪类和伪元素的区别

阅读全文

伪元素其实相当于伪造了一个元素,例如before,first-letter达到的效果就是伪造了一个元素,然后添加了其相应的效果而已;而伪类没有伪造元素,例如first-child只是给子元素添加样式而已。

CSS技巧

CSS中*和body有什么区别

阅读全文

在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器。body是一个普通的类型选择器,只能够选中body这么一个元素。而之所大家会感觉到*和body选择器有时候作用是相同的,主要是因为body是绝大多数布局元素的父元素,如果元素的CSS属性居有继承性的话,那么两者的效果确实一样。

CSS技巧

CSS中IE浏览器最基本的一些bug

阅读全文

CSS中IE浏览器最基本的一些bug:(1)IE6双倍边距bug;(2)IE6中3像素问题及解决办法;(3)IE6中奇数宽高的BUG;(4)IE6中图片链接的下方有间隙

CSS技巧

img底部留白问题的解决方案

阅读全文

有时候,我们并未给图片(img标签)设置margin-bottom值,在有一些浏览器里也会出现底部留白。下面,就介绍几种方法来解决这个问题。

CSS技巧

CSS中常见的浏览器兼容问题

阅读全文

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名。

jQuery

jquery如何判断checkbox(复选框)是否被选中

阅读全文

谁都知道在html如果一个复选框被选中是checked="checked"。但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked。所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)。

回到顶部