EasyUI内部CSS文件解析

 

.panel {
    overflow: hidden;/*溢出*/
    text-align: left;
    margin: 0;
    border: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.panel-header,
.panel-body {
    border-width: 1px;/*面板边框宽度*/
    border-style: solid;/*面板边框类型*/
}
.panel-header {
    padding: 5px;/*面板头部填充宽度*/
    position: relative;
}

.panel-with-icon {
    padding-left: 18px;/*面板头部文字距离左侧图标的距离*/
}
.panel-icon,
.panel-tool {/*面板右侧工具：收缩 放大*/
    position: absolute;
    top: 50%;/*工具图标距离顶部的位置*/
    margin-top: -8px;/*工具图标向下移动多少*/
    height: 16px;/*图标大小不能大于16，只能缩小*/
    overflow: hidden;
}
.panel-icon {
    left: 5px;/*面板头部图标距离面板左侧的距离*/
    width: 16px;/*两个功能差不多*/
}
.panel-tool {
    right: 5px;/*面板头部右侧工具距离右侧的距离*/
    width: auto;
}
.panel-tool a {
    display: inline-block;
    width: 16px;
    height: 16px;
    opacity: 0.6;/*工具透明度0时就消失了*/
    filter: alpha(opacity=60);
    margin: 0 0 0 2px;