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;}