一、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. ABP官方文档翻译 5.3 OData集成

    OData集成 介绍 安装 安装Nuget包 设置模块依赖 配置实体 创建控制器 配置 示例 获取实体列表 Request Response 获取单个实体 Request Response 使用导航属 ...

  2. Windows Server 2016-Active Directory域服务概述

    活动目录(AD)是一种目录服务是微软用于开发Windows域网络.它被包含在大多数Windows Server 操作系统中作为一组进程和服务.最初,Active Directory只负责集中式域管理. ...

  3. S5PV210中断处理

    _start: 1.设置栈空间:防止之前的UBOOT代码被覆盖,应为c中需要栈空间 ldr sp, =0x40010000 2.设置CPSR的I,F位,A8打开IRQ,FIQ中断: mov r0, # ...

  4. MathJax使用指南

    MathJax使用指南 SublimePrettyJson Github CSDN-Markdown语法集锦 LaTex 简明教程 在Markdown中输入数学公式(MathJax) MathJax ...

  5. MySQL中order by排序时,数据存在null咋办

    order by排序是最常用的功能,但是排序有时会遇到数据为空null的情况,这样排序就会乱了,这里以MySQL为例,记录我遇到的问题和解决思路. 问题: 网页要实现table的行鼠标拖拽排序,我用A ...

  6. PHP秒杀系统全方位设计(二)

    商品页面开发 静态化展示页面[效率要比动态PHP高很多,PHP程序需要解析等步骤,本身就需要很多流程,整个下来PHP的处理花的时间和资源要多] 商品状态的控制 开始前.进行中.库存不足.结束 数据逻辑 ...

  7. Qt create 如何构建 ActiveX 控件?

    ActiveX.pro #------------------------------------------------- # # Project created by QtCreator 2018 ...

  8. nyoj886 取石子(八) 威佐夫博弈

    好累,坐了一天火车, 终于到学校了. 思路:仔细观察威佐夫博弈,发现P态的所有数字都是不重复的,例如(0,0).(1,2).(3,5).(4,7).(6, 10).(8,13).(9,15).(11, ...

  9. Spring data mongodb 聚合,投射,内嵌数组文档分页.

    尽量别直接用 DBObject  ,Spring data mongodb 的api 本来就没什么多大用处,如果还直接用 DBObject 那么还需要自己去解析结果,说动做个对象映射,累不累 Spri ...

  10. Redis--配置密码

    可以通过以下方法进行密码的配置: ① 修改配置文件设置密码 ② 通过命令修改密码(重启redis后,新设置的密码会失效) 此处介绍第一种 1. 找到redis的配置文件,一般在/etc/redis.c ...