CSS之工作黏贴
/* Cascading Style Sheet for IE4.01 last updated 10-16-97 */
DIV {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
P {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
TD {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
BODY {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
A {font-family: "宋体"; font-size: 9pt; color: #333333; text-decoration: none}
A:Link {font-family: "宋体"; font-size: 9pt; color: #333333; text-decoration: underline}
A:Hover{font-family: "宋体"; font-size: 9pt; color: #3399CC; text-decoration: none}
A:Visited {font-family: "宋体"; font-size: 9pt; color: #663333; text-decoration: underline}
.lefty div {font-family: "宋体"; font-size: 9pt; color: #996633; text-decoration: none }
.lefty td {font-family: "宋体"; font-size: 9pt; color: #996633; text-decoration: none }
.lefty A {font-family: "宋体"; font-size: 9pt; color: #CC9933; text-decoration: none}
.lefty A:Link {font-family: "宋体"; font-size: 9pt; color: #CC9933; text-decoration: none}
.lefty A:Hover{font-family: "宋体"; font-size: 9pt; color: #996633; text-decoration: none}
.lefty A:Visited {font-family: "宋体"; font-size: 9pt; color: #CC9933; text-decoration: none}
.leftb div {font-family: "宋体"; font-size: 9pt; color: #006699; text-decoration: none }
.leftb td {font-family: "宋体"; font-size: 9pt; color: #006699; text-decoration: none }
.leftb A {font-family: "宋体"; font-size: 9pt; color: #006699; text-decoration: none}
.leftb A:Link {font-family: "宋体"; font-size: 9pt; color: #006699; text-decoration: none}
.leftb A:Hover{font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
.leftb A:Visited {font-family: "宋体"; font-size: 9pt; color: #006699; text-decoration: none}
.menu div {font-family: "宋体"; font-size: 9pt; color: #3399CC; text-decoration: none }
.menu td {font-family: "宋体"; font-size: 9pt; color: #3399CC; text-decoration: none }
相关文档:
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......
CSS 和 JavaScript 标签 style 属性对照表:
盒子标签和属性对照
CSS语法(不区分大小写) JavaScript语法(区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题! Myeclipse 6.5
在html中都可以显示 在jsp中显示 ......
1,无图片纯css圆角框
收录理由:兼容性强,不用图形
图一
特点:
1.不用任何图形,使用很多个div容器模拟出圆角效果。
2.兼容性:通杀所有浏览器
缺点:
1.构造这个圆角需要加入太多的无语义的标签,结构比较冗余。
2.重用性不强:如果一个页面有多个圆角,并且要实现不同的半径大小,则其灵活性不够。
3.边框颜 ......