HTML教程 HTML默认样式

2016-02-19 14:58 2 1 收藏

下面图老师小编要跟大家分享HTML教程 HTML默认样式,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

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:.67em0}
  
  h2{font-size:1.5em;margin:.75em0}
  
  h3{font-size:1.17em;margin:.83em0}
  
  h4,p,
  
  blockquote,ul,
  
  fieldset,form,
  
  ol,dl,dir,
  
  menu{margin:1.12em0}
  
  h5{font-size:.83em;margin:1.5em0}
  
  h6{font-size:.75em;margin:1.67em0}
  
  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:1pxinset}
  
  ol,ul,dir,
  
  menu,dd{margin-left:40px}
  
  ol{list-style-type:decimal}
  
  olul,ulol,
  
  ulul,olol{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:thindottedinvert}
  
  /*Beginbidirectionalitysettings(donotchange)*/
  
  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}
  
  @mediaprint{
  
  h1{page-break-before:always}
  
  h1,h2,h3,
  
  h4,h5,h6{page-break-after:avoid}
  
  ul,ol,dl{page-break-before:avoid}

来源:http://www.tulaoshi.com/n/20160219/1608489.html

延伸阅读
标签: Web开发
以下是引用片段: /**default css style**/ 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: tabl...
标签: Web开发
HTML字符实体(Character Entities)有些字符在HTML里有特别的含义,比如小于号就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢? 这就要说到HTML字符实体(HTML Character Entities)了。 一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫amp...
标签: Web开发
HTML图片(Images) 用 img 这个 Tag 可以在HTML里面插入图片。最基本的语法如下: img src="url" url表示图片的路径和文件名。比如 url 可以是 images/Logo/blabla_Logo01.gif,也可以是个相对路径 "../images/Logo/blabla_Logo01.gif"。 图片alt属性img中有一个alt属性,英文叫alternate text。例句如下: img src = "../images/html_tutor...
标签: Web开发
HTML头部信息(Head)HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。 另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里...
标签: Web开发
13、列表标记: (1)无序列表标记:注:符号类型:disc-实心圆点circle-空心原点square-实心方块 ultype=符号类型列表标题 litype=符号类型1第一个列表项 litype=符号类型1第二个列表项 ... /ul (2)菜单列表标记: menu lh列表的标题 li第一个列表项...

经验教程

448

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部