CSS 标签实例一 homepage.css

#overlayer {
    position: absolute;   //指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。
    /*top: 50px;*/
    left: 0;   //定义了定位元素左外边距边界与其包含块左边界之间的偏移。
    z-index: 90;   //指定一个元素的堆叠顺序,越大，则显示在最前面，负数则显示在后面
    width: 100%;  //设置元素的宽度
    height: 100%; //设置元素的高度
    background-color: #000;  //设置元素的背景颜色，有三种表示方式 yellow #003344 rgb(255,0,255)
    filter: alpha(opacity =   60);   //定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。
    -moz-opacity: 0.6;
    opacity: 0.6;  //设置一个div元素的透明度级别
    display: none;  //规定元素应该生成的框的类型
}

#loadbox {
    position: absolute;
    top: 40%;  //规定了元素的顶部边缘，以包含元素的百分比计的上边位置
    left: 0;  //规定元素 左边缘
    width: 100%;
    z-index: 100;
    text-align: center;  //指定元素文本的水平对齐方式 居中
}

#loadlayer {
    display: none;
}

body,html {
    overflow-y: hidden;   //如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。  hidden - 截切
}

.well-border {
    border: 1px solid rgb(227, 227, 227);   //缩写边框属性设置 可以设置的属性分别（按顺序）：border-width, border-style,和border-color.
    border-radius: 4px;  //给元素添加圆角边框，对应4个角
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;  //添加阴影
    margin-bottom: 20px;  //设置元素的底边距
    min-height: 20px;  //设置元素最低高度
}
body {
    list-style: none;  //简写列表属性，可以设置的属性（按顺序）： list-style-type, list-style-position, list-style-image.
    font-size: 12px;
    font-family: "宋体", Arial, Helvetica, sans-serif;  //指定元素字体，按顺序匹配
    line-height: 24px; //行高
    color: #555555;
    font-size: 12px;
}
.navSearch {
    float: left;  //指定一个盒子是否应该浮动 向左浮动
    margin: 5px 2px 0 2px;  //缩写外边距  上5 左右2 下0.2     四个数字时顺序 上右下左
}
.navSearchInput {
    outline: 0 none;  //轮廓，位于边框边缘的外围，属性分别是（按顺序）：outline-color, outline-style, outline-width
    width: 142px;
    background: #edf3f9;  //背景色
    margin: 0;  // 四个边距
    border: none;  //边框
    font-size: 12px;
    height: 12px;
    float: left;
    border-radius: 10px 0 0 10px;  //圆角边框
    padding: 4px 4px 4px 8px;  //填充边距  顺序：上右下上
}
.navSearch a {
    text-indent: -9999em;  //规定文本块中首行文本的缩进。
    float: left;
    width: 21px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;  //鼠标指针放在一个元素边界范围内时所用的光标形状, pointer 手
    background: url(img/search_btn.png) no-repeat 0 3px #edf3f9;  //背景图和color是必须的   不会重复  backgroud-size: 宽度 高度
    border-radius: 0 10px 10px 0;
}
.p_navList_p {
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: #e7e7e7;
    padding: 0px 12px 0px 0;
    border-image: none;
    background-color: #fff;
}