HTML默认样式

   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 }

  /* Begin bidirectionality settings (do not change) */

  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 }

时间: 2024-09-08 22:02:09

HTML默认样式的相关文章

浏览器默认样式(user agent stylesheet)+cssreset

每种浏览器都有一套默认的样式表,即user agent stylesheet,在写网页时,没有指定的样式,按浏览器内置的样式表来渲染.这是合理的,像word中也有一些预留样式,可以让我们的排版更美观整齐.不同浏览器甚至同一浏览器不同版本的默认样式是不同的.这才带来了很多的坑,让大家用cssreset去填.. 一.浏览器默认样式 了解各浏览器的默认样式能让我们对每条Reset规则的写法做到心中有数,对我们了解浏览器的差异,写各浏览器兼容的代码也有很大帮助. 所以先看看浏览器默认样式长什么样: FF

CSS3改变选中文本的默认样式

浏览器选中文字的默认样式 每种浏览器的默认样式都不太一样,我用的是xp(我们就以xp 默认主题),当网页先中文后默认的背景色是一种蓝色,不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色,如下图所示: 在CSS3来没出现的时候,要改变页面上选中文字的背景色以及文字颜色,是一件相当甚至无法做到的事情.但是,随着CSS3到来,越来越多的浏览器认可并支持,一切又显得那么自然而然.虽然有些顽固的糟老头(如IE浏览器)还不认可这个新生的CSS3,但是,丝毫不影响其在其他浏览器上对UI的又一次改进.

HTML4标签的默认样式列表

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:

总结知识:HTML默认样式表CSS属性汇总

css|样式表 开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 以前一直在找这份文档,今天偶然在w3上看到了.除了inline和block的定义,主要是要注意 body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size). 这个东西在你需要还原默认值的时候,比较有用. 详见下面的内容: html, address, blockquote, body, dd, div,

超链接和按钮 设计中默认样式的强大威力

默认样式,就是最原生态的样式.就像大家经常用的按钮或者蓝色有下划线的超链接.本文,潜行者m将从两个元素来讨论默认样式在设计中的应用. 超链接的默认样式 超链接的默认样式 超链接是网页中最常用最基础的元素,可以说是必不可少的.我们设置超链接,也是希望人们去点击,去使用它.那么我们拿什么让人们知道,这是一个超链接呢?你可以在旁边说,这里有个超链接,快来点击我.但是,当人们看到这几个字的时候,是需要思考的,实际情况下,人们是不想思考的.所以,我们设计的目的,就是让人们一看上去,就觉得这是一个可以点击的

Silverlight开发中的疑难杂症-如何自动合并控件的默认样式

在WPF中开发自定义控件时,可以将控件的默认样式放在以"<控件类型 >.Generic.xaml"的形式命名的资源文件中,从而分离各个自定义控件的默认样式的定义 ,减少单个Generic.xaml文件的复杂度. 但是在Silverlight控件开发时,却发现无法采用上面的方法来实现这一效果,尝试了许 久都没有找到其他的办法实现这一效果.郁闷之中,突然想起看一下Silverlight Toolkit中 是如何解决这一问题的,结果惊讶的发现它也是将所有的默认样式都堆积在了Gen

CSS样式表教程之浏览器默认样式

不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}: 不过现在说的可不只是这些.基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小.字体选择.字符样式等.也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来,我都是浏览器默认样式在作怪. 因此,我们在生成CSS样式规则的时候,一个必做的步骤就是重设浏览器的默认样式,也就是覆盖掉浏览器

Word2010中修改默认样式

说到 Word 文档的默认样式,有同学觉得字号小看起来费劲,时间长了还容易引起眼睛疲劳.有同学觉得段落间距不够明显... 所以,这些有自己想法的同学们,不如 DIY 一个默认样式吧^^~ 具体步骤: 打开 Word,在"开始"选项卡"样式"选项组右下角单击小箭头按钮.如下图所示: 或者直接在键盘上按组合键"Ctrl+Alt+Shift+s"调出"样式"窗口,单击底部"管理样式"按钮. 在"管理样式

word2010中怎么修改默认样式

  说到Word文档的默认样式,有同学觉得字号小看起来费劲,时间长了还容易引起眼睛疲劳.有同学觉得段落间距不够明显...所以,这些有自己想法的同学们,不如 DIY 一个默认样式吧^^~ 具体步骤: 打开 Word,在"开始"选项卡"样式"选项组右下角单击小箭头按钮.如下图所示: 或者直接在键盘上按组合键"Ctrl+Alt+Shift+s"调出"样式"窗口,单击底部"管理样式"按钮. 在"管理样式&

分页-怎么修改g:pagination的默认样式

问题描述 怎么修改g:pagination的默认样式 我想使用bootstrap的分页样式, ? 1 2 3 4 5 ? 但是在grails里面的分页是 怎么修改他的样式,现在的效果是:1234567下页,没什么效果. 解决方案 这个问题怎么回答啊,不知道金利科技发啊设计费解放军ij:林肯郡 .