一看你就是初学者,一定要记得css初始化,因为各个浏览器自带的有默认的样式。
那么什么是css初始化?
其实就是将默认的样式清除掉,例如div之间有间隙等,下面给你一些css初始化的样式。你可以直接放到css里最前面直接用。
// 腾讯:
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0padding:0}
body{font:12px"宋体","Arial Narrow",HELVETICAbackground:#fff-webkit-text-size-adjust:100%}
a{color:#2d374btext-decoration:none}
a:hover{color:#cd0200text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0vertical-align:middle}
table{border-collapse:collapseborder-spacing:0}
p{word-wrap:break-word}
// 新浪:
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0padding:0border:0}
body{background:#fffcolor:#333font-size:12px margin-top:5pxfont-family:"SimSun","宋体","Arial Narrow"}
ul,ol{list-style-type:none}
select,input,img,select{vertical-align:middle}
a{text-decoration:none}
a:link{color:#009}
a:visited{color:#800080}
a:hover,a:active,a:focus{color:#c00text-decoration:underline}
// 淘宝:
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0 padding:0 }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53 }
h1, h2, h3, h4, h5, h6{ font-size:100% }
address, cite, dfn, em, var { font-style:normal }
code, kbd, pre, samp { font-family:couriernew, courier, monospace }
small{ font-size:12px }
ul, ol { list-style:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
sup { vertical-align:text-top }
sub{ vertical-align:text-bottom }
legend { color:#000 }
fieldset, img { border:0 }
button, input, select, textarea { font-size:100% }
table { border-collapse:collapse border-spacing:0 }
首先可以用{
font-family: 微软雅黑;
}
如果这样不行还可以用:
{
font-family: "Microsoft YaHei" ! important
}
使用中最好不用中文,中文的话,英文系统就显示不了了。(前提是英文系统也有这个字体)
CSS中设置的字体
考虑到兼容性,我们总会在CSS中队字体进行一些设置,这类设置往往设置在body标签上,无论是人人网,腾讯网,淘宝网,开心,新浪,网易等都是如此。以下为各个大型网站的body的字体设置:
人人网:
body{font-family:Tahoma,Verdana,STHeiTi,simsun,sans-serif}
其中simsun为中文字体。
腾讯网:
body{font-family:"宋体","Arial Narrow"}
淘宝网:
body{font:12px/1.5 tahoma,arial,sans-serif}
开心网:
body{font-family:'lucida grande',tahoma,helvetica,arial,'bitstream vera sans',sans-serif}
新浪微博:
html{font-family:Arial,Helvetica,sans-serif,"宋体"}
白社会:
body{font:12px/20px Tahoma,Verdana,Arial,sans-serif}
综合一下
body
{
font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"
}
顶
0
踩
你把它放在最下面它不就在最下面吗 你只需要一个文字居中代码就行了 text-align:center看下面这段代码<div id="foot" style="text-align:center"
<p设搜搜为主页 | 搜搜招聘 | 服务条款 | 关于腾讯 | About Tencent </p
<pCopyright 08 1998 – 2009 Tencent. All Rights Reserved.</p</div你把这段代码粘到你body标签中的最下面的位置 看这段文字是不是在网页的最下面补充:
那你可以建个空白的div呀 或者空白的表格也成啊
比如我想空一个 宽1000px 高500px的空白
我可以这么加