中科新闻网嫡女宠妈妈网:有关CSS样式的一个问题
来源：百度文库 编辑：中科新闻网 时间：2024/04/29 19:15:11
}这段代码的那些属性是什么意思啊
INPUT // 用于 INPUT 标签
{
BORDER-TOP-WIDTH: 1px; // 上边框宽度为 1 像素
PADDING-RIGHT: 1px; // 右内边距 1 像素
PADDING-LEFT: 1px; // 左内边距 1 像素
BORDER-LEFT-WIDTH: 1px; // 左边框宽度 1 像素
FONT-SIZE: 9pt; // 字号 9 磅
BORDER-LEFT-COLOR: #cccccc; // 左边框线颜色为 #CCCCCC（一种亮灰色）
BORDER-BOTTOM-WIDTH: 1px; // 下边框宽度 1 像素
BORDER-BOTTOM-COLOR: #cccccc; // 下边框线颜色为 #CCCCCC
PADDING-BOTTOM: 1px; // 下内边距 1 像素
BORDER-TOP-COLOR: #cccccc; // 上边框线颜色为 #CCCCCC
PADDING-TOP: 1px; // 上内边距 1 像素
HEIGHT: 18px; // 高度 18 像素
BORDER-RIGHT-WIDTH: 1px; // 右边框线宽度 1 px
BORDER-RIGHT-COLOR: #cccccc // 右边框线色为 #CCCCCC
}
这肯定是机器生成 的代码，如果是人手写，完全可以用下面的来代替，功能是完全等同的：
INPUT
{
height: 18px;
font-size: 9pt;
padding: 1px;
border: 1px solid #cccccc;
}
定义 INPUT 的CSS样式 (INPUT 就是输入框)
BORDER 边框样式
PADDING 边界距离
HEIGTH 高度
WIDTH 宽度
px pt是单位 分别表示 象素 磅
象 BORDER-TOP-WIDTH 是定义上边界的宽度