分类: DIV+CSS+JS |
预览模式: 普通 | 列表

css样式命名规范

[翻译]在Mozilla用户界面使用高效的CSS

本文档提供优化在Mozilla用户界面使用CSS代码的指导方针。

第一部分是一般性讨论如何在Mozilla式系统进行分类的规则。 以下各节包含书写规则,利用Mozilla的作风制度的实施优势的指导方针。

如何打破的规则式系统
打破规则的样式系统分成四个主要类别:

查看更多...

分类:DIV+CSS+JS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 97
固定在网页的某个地方的JS 可做广告,表单,按钮,菜单等……

一个同事在做华为项目时写的,我把一部分弄过来,留给自己,嘿嘿,虽然网上有很多,但是兼容好的没几个,收藏下.
程序代码 程序代码
<style type="text/css">
/* 固定部分CSS */
#wxlist {width:25px; position:relative; text-align:left;}

查看更多...

Tags: js

分类:DIV+CSS+JS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 250

png图片透明解决办法 and 背景颜色透明

png图片透明解决办法


.pngpic{
azimuth: e­xpression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

查看更多...

Tags: png背景透明

分类:DIV+CSS+JS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 477

ie6和IE8 FF之padding margin

IE6下和FF IE8下出先的问题

程序代码 程序代码
<!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/xhtml">
<!-- 去掉标准padding不会加宽总宽度 -->
<head>

查看更多...

分类:DIV+CSS+JS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 460

float: left和overflow:hidden

修改东西网站bug的时候发现一个问题,如果div加float: left那后面的div如果加overflow:hidden就会自动左浮动。如果去掉就正常,如果这个问题我应该早就知道,可是昨天才知道,汗汗~~
程序代码 程序代码
<!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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

查看更多...

Tags: overflow:hidden

分类:DIV+CSS+JS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 333

IE6,IE7,IE8,FF  CSS Hack

IE6,IE7,IE8,FF hack
程序代码 程序代码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
div{ color:#FFF; font-size:12px; padding:5px;}
.bg{ background-color:#F00; background-color:#00F\9;+background-color:#9C0;_background-color:#333;}

查看更多...

Tags: CSS Hack

分类:DIV+CSS+JS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 275

DIV 左右高度自动一致.html

经测试在FF Chrome IE6、7、8下正常,不过好像有一像素之差

margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#left{
    float:left;

查看更多...

Tags: DIV 左右高度自动一致

分类:DIV+CSS+JS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 576