一、html标签自带样式

head { display:none; }

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

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

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

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

//块级元素

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

//列表元素

li { display:list-item; }

ol { list-style-type:decimal; }

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

//标题

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

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

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

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

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

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

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

//表格

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; }

table { border-spacing:2px; }

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

td, th { vertical-align:inherit; }

//其他元素

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

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

pre { white-space:pre; }

big {font-size:1.17em; }

small, sub, sup { font-size:0.83em; }

sub { vertical-align:sub; }

sup { vertical-align:super; }

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

hr { border:1px inset; }

u, ins { text-decoration:underline; }

center { text-align:center; }

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

二、清除默认样式

1、清除页边距
body {
  margin: 0;
  paddin: 0;
}
2、清除段间距
p {
  margin-top: 0;
  margin-bottom: 0;
}
3、清除列表样式
ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
4、清除超链接样式
a {
  text-decoration: none;
  color: rgb(...);
}
a:link { color: rgb(...); }
a:hover { color: rgb(...); }
a:active { color: rgb(...); }
a:visited { color: rgb(...); }

html标签自带样式总结的更多相关文章

  1. css:清楚html所有标签自带属性

    相信如果您动手写过网页的话,应该体会到有些标签会自带一些默认的样式,而这些样式或许又是我们不想要的,所以我们可以用以下代码清除所有标签的默认样式   html, body, div, span, ap ...

  2. [js开源组件开发]html5标签audio的样式更改

    html5标签audio的样式更改 由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,所以 ...

  3. android学习笔记50——SQLiteOpenHelper、android实现系统自带样式

    SQLiteOpenHelper SQLiteOpenHelper是android提供的一个管理数据库的工具类,可用于管理数据库的创建和版本更新. 一般的用法是创建SQLiteOpenHelper的子 ...

  4. Android中实现全屏、无标题栏的两种办法(另附Android系统自带样式的解释)

    在进行UI设计时,我们经常需要将屏幕设置成无标题栏或者全屏.要实现起来也非常简单,主要有两种方法:配置xml文件和编写代码设置. 1.在xml文件中进行配置 在项目的清单文件AndroidManife ...

  5. Android自带样式

    Android系统自带样式: android:theme="@android:style/Theme.Dialog" 将一个Activity显示为对话框模式 android:the ...

  6. 怎么给当前点击的a标签添加一个样式(跳转页面后)

    怎么给当前点击的a标签添加一个样式(跳转页面后): 方法1. 用cookie记录这个打开的序列号,然后页面在跳转的时候在读出来.方法2. 循环a的链接,然后与location.href去比对,如果相同 ...

  7. Bootstrap入门(三)<p>标签的css样式

    Bootstrap入门(三)<p>标签的css样式 前提:引入css文件,内容放在一个class为container的div中   <p>标签属性 1.“ text-left ...

  8. PHP使用echo输出标签设置CSS样式问题

    使用php是可以输出HTML标签的,这为页面设计带来很大方便. 在此记录php输出标签设置CSS样式的问题: echo可使用''.""或你不用引号,如果想要输出带CSS样式的HTM ...

  9. [原创]java WEB学习笔记42:带标签体的自定义标签,带父标签的自定义标签,el中自定义函数,自定义标签的小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

随机推荐

  1. Java对正则表达式的支持(二)

    正则表达式的主要用途: a.在目标字符串中找出匹配正则表达式的部分 b.校验目标字符串是否符合正则表达式,例如校验邮箱地址 c.在目标字符串中替换符合正则表达式的部分为其他的字符串 Scanner类是 ...

  2. CTSC 2017 滚粗记

    CTSC 2017 滚粗记 结束好几天了一直没写. 明天就要去参加二轮省选了,填一下坑吧. 所以可能很多东西已经忘了 Day -2 [5.5 Fri] 周五晚上是其他学信竞的同学来机房的时间... 也 ...

  3. BZOJ 2005: [Noi2010]能量采集 [莫比乌斯反演]

    题意:\((0,0)\)到\((x,y),\ x \le n, y \le m\)连线上的整点数\(*2-1\)的和 \((0,0)\)到\((a,b)\)的整点数就是\(gcd(a,b)\) 因为. ...

  4. 统计细菌基因组ORF

    提取细菌基因组ORF思路: 1.通过FNA文件得到细菌基因组序列 2.分正负链和三个相位共6种情况统计ORF 3.写入文件 转载请保留出处! 统计细菌基因组ORF 贴上Python代码(版本:3.6) ...

  5. dedecms实现编辑文章时不自动修改发布时间

    dedecms默认编辑文章时自动修改文章的发布时间,如何让它不自动修改发布时间呢? 找到后台编辑文章的模板文件稍作调整即可. 文件/dede/templets/artical_edit.htm 把 $ ...

  6. 中小研发团队架构实践之应用监控Metrics

    一.Metrics简介        应用监控系统Metrics由Metrics.NET+InfluxDB+Grafana组合而成,通过客户端Metrics.NET在业务代码中埋点,Metrics.N ...

  7. centos ELK安装

    本文来自我的github pages博客http://galengao.github.io/ 即www.gaohuirong.cn ELK是进行日志收集分析用的,具体工作.原理.作用自行google. ...

  8. 基于jq的表单填充

    //表单填充 formDataLoad: function (domId, obj) { for (var property in obj) { if (obj.hasOwnProperty(prop ...

  9. EntityFramework Core 2.0执行原始查询如何防止SQL注入?

    前言 接下来一段时间我们来讲讲EntityFramework Core基础,精简的内容,深入浅出,希望为想学习EntityFramework Core的童鞋提供一点帮助. EntityFramewor ...

  10. 初学Python(第一课)

    今天整理一下关于Python初学者的基础知识部分的第一课,因为之前学习过C,所以过于基础的知识就不详细记录了. Python相对于C\C++来说,在语法方面已经很简单了:甚至对于JavaScript也 ...