最耗资源的,最简单的
* { padding: 0margin: 0border: 0}
选择性初始化举例(综合)
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0
margin: 0
}
3. 参考新浪、雅虎
/* 新浪全局样式 */
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:12pxmargin-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}
/* 雅虎全局样式 */
html {
background: none repeat scroll 0 0 #FFFFFF
color: #000000
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0
padding: 0
}
table {
border-collapse: collapse
border-spacing: 0
}
fieldset, img {
border: 0 none
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal
font-weight: normal
}
li {
list-style: none outside none
}
caption, th {
text-align: left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%
font-weight: normal
}
q:before, q:after {
content: ""
}
abbr, acronym {
border: 0 none
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input, textarea, select {
font-family: inherit
font-size: inherit
font-weight: inherit
}
input, textarea, select {
}
legend {
color: #000000
}
body {
font: 13px/1.231 arial,helvetica,clean,sans-serif
}
select, input, button, textarea {
font: 99% arial,helvetica,clean,sans-serif
}
table {
font-size: inherit
}
pre, code, kbd, samp, tt {
font-family: monospace
line-height: 100%
}
a {
text-decoration: none
}
a:hover, a:focus {
text-decoration: underline
}
strong {
font-weight: bold
}
input[type="submit"] {
cursor: pointer
}
button {
cursor: pointer
}
这是HTML中的源代码,也就是说是html代码中的开头部分。
这些部分涉及到网站的编码,网站代码的规范,以及网站的标题,以及关键字等
其中:
<!DOCTYPE>声明位于文档中的最前面的位置,处于 <html>标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
<html xmlns="http://www.w3.org/1999/xhtml">表示文档符合 XML 规范的 XHTML 文档
<meta http-eqiv="Content-Type" content="text/htmlcharset=utf-8"表示网页是采用utf-8的编码规范。
1、新建html文档。
2、书写hmtl代码。 <!-- 横向排列 --> , <div id="nav">,<div id="box1">1</div>,<div id="box2">2</div>,<div id="box3">3</div>,</div>。
3、初始化css代码。<style>*{margin:0padding:0font-size:12pxfont-family:'Microsoft YaHei'}, </style>。
4、书写总体的css代码。
5、代码整体结构。
6、查看效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)