当前位置: 首页- 资讯中心

一篇文章带你了解CSS

发布时间: 2024/8/9 17:03:21 分布者: CSS研究 阅读次数: 259 最后更新: 2025/8/19 11:53:35
一篇文章带你了解CSS html {     overflow-y: scroll;/*浏览器超过屏幕自动滚动条*/ } body {     text-align: center; /*网页文本居中*/     background: transparent url(images/bodybg.gif) repeat-y center top; /*透明的背景图片,纵向铺满,居中顶部对齐*/     background-attachment: fixed; /*背景图片不滚动*/     margin: 6px 0px 0px 0px; /*外边距上右下左*/ } a {     color: #333333; }/*超级链接颜色*/     a:hover {         color: #FF5800;     }/*活动超级链接颜色,鼠标划过颜色*/ a {     text-decoration: none; } /*超级链接没有下划线*/ div {     text-align: left; } /*div容器里的文本水平对齐方式*/ form, p, h1 {     margin: 0px;     padding: 0px; } /*form, p, h1容器里的内外边距*/ body, a, td {     font-size: 12px; } /*字体大小*/ input.edit {     font-size: 12px;     border: 1px solid #cccccc; /*边框,实线,颜色   */     height: 20px;     padding-left: 3px;     padding-right: 3px;     outline: none; /*CSS 中的 outline 属性用于在元素周围绘制一条轮廓线,位于边框之外,这条线与border属性所定义的边框不同,它不占用盒子模型CSS基础:盒子模型详解,因此不会影响页面的排版,也不会影响元素的可点击区域。*/ } textarea.edit {     font-size: 12px;     border: 1px solid #cccccc;     line-height: 20px; /*行高*/     padding-left: 3px;     margin-top: 8px;     margin-bottom: 5px;     height: 60px; /*元素本身的高度*/     outline: none; }     input.edit:focus, textarea.edit:focus {         border: 1px solid #1e5ebf;         box-shadow: 0 0 5px 0 rgba(30,94,191,.5); /*容器阴影*/     } li {     list-style-type: none; /*有序无序列表样式*/     } .en, .en a {     font-family: "Arial"; /*字体类型*/     font-size: 10px;     color: #333; } img.more {     width: 53px;     height: 19px;     background: url(images/more.gif); /*字体类型*/ } #header, #container, #footer, #topads {     vertical-align: top; /*垂直对齐,一般用于图片*/     text-align: center;     margin: auto; }     #header .topbg {         height: 0px;         line-height: 0px;         font-size: 0;         display: none; /*隐藏不可见*/     }     #topads img {         display: block; /*它的上方下方单独成行*/         margin-top: 6px;     } #moveads {     position: absolute; /*绝对定位*/     z-index: 1000; /*层次定位,值越大越在上方*/ } #container {     overflow: hidden; /*超出范围隐藏滚动条*/ } #comment {     clear: both;     /*清除左右浮动元素,相当于本行只有自己*/     margin-left: 6px;     width: 718px; } span.minheight {     min-height: 350px;     height: auto !important;     height: 350px;     overflow: visible; /*不剪切内容也不添加滚动条,可以滚动鼠标*/     display: inline-block;     width: 718px; }