定义css样式说课稿.doc

定义css样式说课稿 定义css样式说课稿篇一：经典网站CSS样式分析 /*选取了其中的部分来分析*/ !-- css.css start -- style type=quot;text/cssquot; html {overflow-y:scroll;} body {margin:0; padding:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif;/*background:#ffffff;*/} /*外边距=0 内边距=0*/ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}/*外边距=0 内边距=0*/ table,td,tr,th{font-size:12px;}/*表格大小*/ ol,ul {list-style:none;} /*无列表格式*/ li{list-style-type:none;} /*无列表格式*/ img{vertical-align:top;border:0;} /*上下图去间距*/ h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;} /*inherit继承父元素的值，定义标准的字符*/ address,cite,code,em,th,i{font-weight:normal; font-style:normal;} /*定义字体*/ .hx a,.hxem,.fB{font-weight:bold;} /*定义粗体字符*/ .clearfix{*zoom:1;} /*IE6清除浮动*/ .clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:quot;.quot;;}/*所有主流浏览器都支持:after 伪元素*/ a {color:#252525; text-decoration:none;} a:visited{text-decoration:none;}/*a:visited选择器用于选取已被访问的链接*/ a:hover {color:#ba2636;text-decoration:underline;} /*a:hover选择器用于设置鼠标指针浮动到链接上时的样式,颜色值：#ba2636*/ a:active {color:#ba2636;} /*a:active选择器用于设置点击链接时的样式,颜色值：#ba2636*/ .cGreen, .cGreen:visited, .cGreena,.green { color: #008000; } /*定义一些十分灵活的应用样式*/ .cBlue,.cBlue:visited,.cBlue a{color:#1E50A2;} .cRed, .cRed:visited, .cReda,.red { color: Red; } .cDRed,.cDRed:visited,.cDRed a{color:#ba2636;} .cDRed a:hover,a.cDRed:hover{color:#ba2636;} .logo,.sitemap-logo,.huihui-title,.attr-news,.attr-sports,.attr-ent,.attr-money,.auto-bgimg,.news-reader,.youdao-logo,.attr-tech,.attr-wy,.yuehui-logo,.meiliao-logo,.txt-bobo-logo,.attr-ssdj,.digi-syd{background-image:url(;}/*重复背景图片*/ .attr-news,.attr-sports,.attr-ent,.attr-money,.auto-bgimg,.youdao-logo,.attr-tech,.attr-wy,.attr-ssdj{float:left;_display:inline;margin-left:9px;margin-right:12px;overflow:hidden;text-align:left;text-indent:-10em;}/*设置图片样式*/ .attr-news,.attr-sports,.attr-ent,.attr-money,.youdao-logo,.attr-tech,.attr-wy,.attr-