兼容IE, FireFox, Opera 浏览器透明Alpha的CSS样式
IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数(alpha(opacity))使用大于0小于100的数值,其实也是百分比,但是需要注意的是
用 js+css 控制li背景颜色交替
用javascript + css来实现表格或li的背景隔行换色. 可以先给table 或者 ul一个id,根据id用js来得到相对应的对象元素,再来获取他下面的元素,循环遍历一下,组合一下元素的background-color属性,给它添上就可以了,具体的实现自己可以动手做咯
将页面变成灰色
最简单的把页面变成灰色的代码是在head 之间加
添加网站小图标
许多大型网站都有自己的图标,此图标显示在浏览器地址栏的前方,如果你用的是带多标签页的浏览器,同时也可看到在对应的浏览器标签前方也有此网站小图标的显示,怎么加呢?
CSS 鼠标形状
css样式中鼠标形状的改变是通过cursor属性来决定的,如下所示:
auto:浏览器根据当前情况自动确定鼠标光标类型
hand:手型,通常用户将光标移到超链接上时那样
pointer:和hand一样,它的兼容性更好。
crosshair:十字型
CSS overflow-y属性
除了textarea对象和body对象的默认值是 auto, 所有对象的默认值是 visible.设置 textarea 对象此属性值为 hidden 将隐藏其滚动条
文本域textarea自适应高度
开发过程中,也常用表单textarea元素,如留言薄功能,评论等,在提供一个用户输入内容框时,如果想让用户在此输入的内容能自动根据内容的多少来伸缩textarea元素的高度,不进行固定限制,我们可以对此元素加上一个css样式:overflow-y:visible.如下所
DIV+CSS 网页布局常用的书写规范
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大 写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名