HTML5基本布局
来源:互联网 发布:想做程序员需要学什么 编辑:程序博客网 时间:2024/06/05 18:57
HTML5基本布局
HTML4布局
HTML5布局
基本的HTML5文档的模式为:
<!DOCTYPE html><html lang = "en"><head><meta charset = "utf-8"><title>HTML5 Demo</title><body><header><h1></h1><h2></h2></header><nav><ul><li></li><li></li></ul></nav><section><article></article><article></article></section><aside></aside><footer></footer></body></html>
推荐一个HTML5模板的在线编辑器
http://jsbin.com/#javascript,html
经常在项目中会用到reset的样式,在这里罗列出来参考下:
HTML5 Reset Stylesheet
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h
1
, h
2
, h
3
, h
4
, h
5
, h
6
, p, blockquote,
pre
,
abbr, address, cite,
code
,
del, dfn, em, img, ins, kbd, q, samp,
small
, strong,
sub
, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table,
caption
, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
;
font-size
:
100%
;
vertical-align
:
baseline
;
background
:
transparent
;
}
body {
line-height
:
1
;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display
:
block
;
}
nav ul {
list-style
:
none
;
}
blockquote, q {
quotes
:
none
;
}
blockquote:before, blockquote:after,
q:before, q:after {
content
:
''
;
content
:
none
;
}
a {
margin
:
0
;
padding
:
0
;
font-size
:
100%
;
vertical-align
:
baseline
;
background
:
transparent
;
}
/* change colours to suit your needs */
ins {
background-color
:
#ff9
;
color
:
#000
;
text-decoration
:
none
;
}
/* change colours to suit your needs */
mark {
background-color
:
#ff9
;
color
:
#000
;
font-style
:
italic
;
font-weight
:
bold
;
}
del {
text-decoration
:
line-through
;
}
abbr[title], dfn[title] {
border-bottom
:
1px
dotted
;
cursor
:
help
;
}
table {
border-collapse
:
collapse
;
border-spacing
:
0
;
}
/* change border colour to suit your needs */
hr {
display
:
block
;
height
:
1px
;
border
:
0
;
border-top
:
1px
solid
#cccccc
;
margin
:
1em
0
;
padding
:
0
;
}
input, select {
vertical-align
:
middle
;
}
参照:http://html5doctor.com/html-5-reset-stylesheet/
阅读全文
0 0
- HTML5基本布局
- HTML5基本布局
- html5教程:基本页面布局
- html5页面布局 最基本的规范
- Html5移动开发(2)rem使用和基本布局
- HTML5布局
- HTML5-布局
- 基本布局
- HTML5布局结构
- html5+css3布局尝试
- HTML5 布局-固定宽度
- HTML5+CSS3页面布局
- HTML5页面布局
- html5+css3布局
- HTML5响应式布局
- Html5笔记 表格 布局
- HTML5 语义化布局
- html5九宫格布局
- springboot静态处理
- 动态规划求解0-1背包问题
- hessian集成spring注解实现
- atomic 包(一)
- 判断重复字符串
- HTML5基本布局
- 神经网络编程1
- maven 镜像 一直下载 .lastUpdated
- iOS GCD
- SVG,Vector(一)
- 34
- 1.交换两值内容 2.不创建临时变量交换两值内容 3.求十个数中的最大值 4.将三个数由大到小输出 5.求两个数最大公约数
- 关于html 的a标签的target="__blank ",出现的问题
- 永久修改 linux 主机名