html标签默认样式整理

作者:佚名  来源:互联网 时间:07-30 16:54:48

文为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助

html,
address,blockquote,body, dd, div,dl, dt, fieldset, form,frame,
frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr,
menu, pre { display: block }

li { display: list-item }

head { display: none }

table { display: table }

tr { display: table-row }

thead { display: table-header-group
}

tbody { display: table-row-group
}

tfoot { display: table-footer-group
}

col { display: table-column }

colgroup { display: table-column-group
}

td, th { display: table-cell; }

caption { display: table-caption
}

th { font-weight: bolder; text-align: center
}

caption { text-align: center }

body { margin: 8px; line-height: 1.12
}

h1 { font-size: 2em; margin: .67em 0
}

h2 { font-size: 1.5em; margin: .75em 0
}

h3 { font-size: 1.17em; margin: .83em 0
}

h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin:
1.12em 0 }

h5 { font-size: .83em; margin: 1.5em 0
}

h6 { font-size: .75em; margin: 1.67em 0
}

h1, h2, h3, h4, h5, h6, b,strong { font-weight: bolder
}

blockquote { margin-left: 40px; margin-right: 40px
}

i, cite, em,var, address { font-style: italic
}

pre, tt, code, kbd, samp { font-family: monospace
}

pre { white-space: pre }

button, textarea, input, object, select { display:inline-block;
}

big { font-size: 1.17em }

small, sub, sup { font-size: .83em
}

sub { vertical-align: sub }

sup { vertical-align: super }

table { border-spacing: 2px; }

thead, tbody, tfoot { vertical-align: middle
}

td, th { vertical-align: inherit
}

s, strike, del { text-decoration: line-through
}

hr { border: 1px inset }

ol, ul, dir, menu, dd { margin-left: 40px
}

ol { list-style-type: decimal }

ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0
}

u, ins { text-decoration: underline
}

br:before { content: ""A" }

:before, :after { white-space: pre-line
}

center { text-align: center }

abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em
}

:link, :visited { text-decoration: underline
}

:focus { outline: thin dotted invert
}

BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override
}

BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override
}

*[DIR="ltr"] { direction: ltr; unicode-bidi: embed
}

*[DIR="rtl"] { direction: rtl; unicode-bidi: embed
}

@media print {

h1 { page-break-before: always }

h1, h2, h3, h4, h5, h6 { page-break-after: avoid
}

ul, ol, dl { page-break-before: avoid
}





浏览器默认样式

1.页边距

IE默认为10px,通过body的margin属性设置

FF默认为8px,通过body的padding属性设置

要清除页边距一定要清除这两个属性值

复制代码

代码如下:



body { 

margin:0; 

padding:0; 


2.段间距

IE默认为19px,通过p的margin-top属性设置

FF默认为1.12em,通过p的margin-bottom属性设

p默认为块状显示,要清除段间距,一般可以设置

复制代码

代码如下:



p { 

margin-top:0; 

margin-bottom:0; 


3.标题样式

h1~h6默认加粗显示:font-weight:bold;。

默认大小请参上表

还有是这样的写的

复制代码

代码如下:



h1 {font-size:xx-large;} 

h2 {font-size:x-large;} 

h3 {font-size:large;} 

h4 {font-size:medium;} 

h5 {font-size:small;} 

h6 {font-size:x-small;} 

个大浏览器默认字体大小为16px,即等于medium,h1~h6元素默认以块状显示字体显示为粗体,

要清除标题样式,一般可以设置

复制代码

代码如下:



hx { 

font-weight:normal; 

font-size:value; 


4.列表样式

IE默认为40px,通过ul、ol的margin属性设置

FF默认为40px,通过ul、ol的padding属性设置

dl无缩进,但起内部的说明元素dd默认缩进40px,而名称元素dt没有缩进。

要清除列表样式,一般可以设置

复制代码

代码如下:



ul, ol, dd { 

list-style-type:none; 

margin-left:0; 

padding-left:0; 


5.元素居中

IE默认为text-align:center;

FF默认为margin-left:auto;margin-right:auto;

6.超链接样式

a
样式默认带有下划线,显示颜色为蓝色,被访问过的超链接变紫色,要清除链接样式,一般可以设置

复制代码

代码如下:



a { 

text-decoration:none; 

color:#colorname; 


7 鼠标样式

IE默认为cursor:hand;

FF默认为cursor:pointer;。该声明在IE中也有效

8 图片链接样式

IE默认为紫色2px的边框线

FF默认为蓝色2px的边框线

要清除图片链接样式,一般可以设置

img {

border:0;

}

最新文章

  1. HTTP协议基础
  2. 图片百分百问题 z-index问题
  3. POJ 1062 昂贵的聘礼
  4. 在win7系统下使用TortoiseGit(乌龟git)简单操作Git@OSC
  5. Python3 如何优雅地使用正则表达式(详解四)
  6. Azure 网站和通配符域
  7. dojo中获取表格中某一行的某个值
  8. python2.7练习小例子(二)
  9. 超实用的JavaScript代码段 Item3 --图片轮播效果
  10. pandas isin
  11. Qt—MVC架构
  12. 22.天眼查cookie模拟登陆采集数据
  13. Android解决自定义View获取不到焦点的情况
  14. RocketMQ 部署
  15. SmartSVN11 Mac版 注册码序列号
  16. iOS Socket编程-C语言版(UDP)
  17. .NET MVC 获取 当前请求的 控制器/视图/区域 的名字
  18. 如何设置Android手机的sqlite3命令环境
  19. CSS单位-长度
  20. (一)使用appium之前为什么要安装nodejs???

热门文章

  1. Tornado session 插件 pycket 定制时间和时间续租
  2. cacti监控部署与配置
  3. 实现wpf的值转换器
  4. 用Redis作为缓存服务器,加快数据库操作速度
  5. Linux(Fedora) 安装 Oracle XE Database
  6. 【Git】自动化Maven项目构建脚本(一)
  7. Django 学习笔记(五)模板标签
  8. python 爬取天猫美的评论数据
  9. Servlet中Response对象应用1(输出简单文字、实现文件下载)
  10. linux下FTP服务器搭建教程1