又开始写html了(二)
2008-03-10 12:43
218 查看
刚才看了哈,不有css的结果然人很是吃惊
么么,差别阿。。。所以还是把css贴上
呵呵。。。。
**********************************************************************/
* {
padding:0;
margin:0;
}
body {
color: #666666;
background-color:#FFFFFF;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size:83%;
margin:20px auto;
width:760px;
padding-left:10px;
padding-right:10px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,
fieldset, address { margin:0.75em 0;}
h1 {font-size:167%;}
h2 {font-size:139%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
li, dd {
margin-left:2em;
}
a {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#contact {
padding:0px 0px 0px 0px;
float:right;
}
#contact a {
color: #CC0000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#contact a:hover {
color: #CC0000;
background-color:#FFFFFF;
text-decoration:underline;
}
#header {
clear:both;
color: #CC0000;
background-color:#FFFFFF;
padding:5px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
#title {
color: #CC0000;
background-color:#FFFFFF;
font-size:200%;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
#slogan {
color:#666666;
background-color:#FFFFFF;
font-size:83%;
font-weight:normal;
font-style:normal;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
width:35%;
}
ul#nav {
line-height:125%;
height:3em;
float:right;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
list-style: none;
text-align: center;
width:60%;
}
ul#nav li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
float: right;
}
ul#nav li a {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}
ul#nav li a:hover {
border-bottom:3px solid #CC0000;
}
ul#nav a.selected {
border-bottom:3px solid #CC0000;
}
#path {
width:760px;
clear:both;
float:left;
font-size:75%;
font-weight:normal;
margin:4px 0px 5px 0px;
border-top:5px solid #666666;
}
#path a {
font-weight:normal;
}
#maincontent {
font-size:100%;
padding:0px 5px 5px 0px;
margin:0px 0px 0px 0px;
width:540px;
float:left;
}
#sidecontent {
font-family:Arial, sans-serif;
color: #666666;
background-color:#FFFFFF;
font-size:75%;
padding:10px 10px 20px 10px;
margin:0px 0px 10px 0px;
width:180px;
float:right;
border: #999999 solid thin;
}
#sidecontent a {
color: #CC0000;
background-color:#FFFFFF;
}
#sidecontent h2 { margin:0.75em 0.25em 0.25em 0em;}
#sidecontent ul { margin:0.25em 0.25em 0.25em 0.25em;}
#footer {
height:40px;
color:#666666;
background-color:#FFFFFF;
border-top:5px solid #666666;
font-size:75%;
line-height:1.5em;
width: 760px;
clear:both;
}
#footer a {
color:#CC0000;
background-color:#FFFFFF;
text-decoration: none;
}
#footer a:hover {
color:#CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#copyrightdesign {
color:#666666;
background-color:#FFFFFF;
padding:5px 20px 5px 0px;
width: 580px;
float:left;
}
#footercontact {
color:#CC0000;
background-color:#FFFFFF;
padding:5px 0px 5px 0px;
float:right;
}
么么,差别阿。。。所以还是把css贴上
呵呵。。。。
**********************************************************************/
* {
padding:0;
margin:0;
}
body {
color: #666666;
background-color:#FFFFFF;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size:83%;
margin:20px auto;
width:760px;
padding-left:10px;
padding-right:10px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,
fieldset, address { margin:0.75em 0;}
h1 {font-size:167%;}
h2 {font-size:139%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
li, dd {
margin-left:2em;
}
a {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#contact {
padding:0px 0px 0px 0px;
float:right;
}
#contact a {
color: #CC0000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#contact a:hover {
color: #CC0000;
background-color:#FFFFFF;
text-decoration:underline;
}
#header {
clear:both;
color: #CC0000;
background-color:#FFFFFF;
padding:5px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
#title {
color: #CC0000;
background-color:#FFFFFF;
font-size:200%;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
#slogan {
color:#666666;
background-color:#FFFFFF;
font-size:83%;
font-weight:normal;
font-style:normal;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
width:35%;
}
ul#nav {
line-height:125%;
height:3em;
float:right;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
list-style: none;
text-align: center;
width:60%;
}
ul#nav li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
float: right;
}
ul#nav li a {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}
ul#nav li a:hover {
border-bottom:3px solid #CC0000;
}
ul#nav a.selected {
border-bottom:3px solid #CC0000;
}
#path {
width:760px;
clear:both;
float:left;
font-size:75%;
font-weight:normal;
margin:4px 0px 5px 0px;
border-top:5px solid #666666;
}
#path a {
font-weight:normal;
}
#maincontent {
font-size:100%;
padding:0px 5px 5px 0px;
margin:0px 0px 0px 0px;
width:540px;
float:left;
}
#sidecontent {
font-family:Arial, sans-serif;
color: #666666;
background-color:#FFFFFF;
font-size:75%;
padding:10px 10px 20px 10px;
margin:0px 0px 10px 0px;
width:180px;
float:right;
border: #999999 solid thin;
}
#sidecontent a {
color: #CC0000;
background-color:#FFFFFF;
}
#sidecontent h2 { margin:0.75em 0.25em 0.25em 0em;}
#sidecontent ul { margin:0.25em 0.25em 0.25em 0.25em;}
#footer {
height:40px;
color:#666666;
background-color:#FFFFFF;
border-top:5px solid #666666;
font-size:75%;
line-height:1.5em;
width: 760px;
clear:both;
}
#footer a {
color:#CC0000;
background-color:#FFFFFF;
text-decoration: none;
}
#footer a:hover {
color:#CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#copyrightdesign {
color:#666666;
background-color:#FFFFFF;
padding:5px 20px 5px 0px;
width: 580px;
float:left;
}
#footercontact {
color:#CC0000;
background-color:#FFFFFF;
padding:5px 0px 5px 0px;
float:right;
}
相关文章推荐
- html中 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
- 开始学习——爬取微博页面的html
- 从明天开始分享 html 5 带给我们的非比寻常
- 从0开始html前端页面开发_CSS实现图像获取鼠标焦点逐渐变大动画效果
- 从0开始html前端页面开发_CSS设置图像边框阴影
- CSS 教程 从 HTML + CSS开始
- 夯实基础,从HTML开始
- php开始,html应用的一些不错收藏
- 开始学习HTML 5
- 【html】【0】开始的序言
- 开始追求完美--网页设计中HTML常范的五个错误
- 学习HTML(十二)——开始接触CSS
- 我开始学习HTML了
- crosswalk 快速入门,利用WebRTC(html)开始开发视频通话
- Vscode下快速开始编写html的方法
- Gmail HTML 5 功能开始支持 Safari 浏览器
- 在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸
- 学习HTML(十三)——开始编写CSS
- HTML-开始链接
- thinkphp框架不显示运行效果 && 自己写完index.html后还是显示开始的欢迎界面的问题的解决