HTML教程,HTML默认样式

2016-02-19 18:03 0 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: .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 }

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1616701.html

延伸阅读
标签: Web开发
链接可说是HTML中最重要的功能!因为HTML拥有链接的功能,使你能接上INTERNET、WWW ……享受多姿多彩的网络世界。 基本上链接分成 : 外部链接 ——链接至网络的某个URL网址或文件,可参考考网络链接方式。 内部链接 ——链接HTML文件的某个区段。 网络链接方式 网络链接方式 : //主机名称 / 路径 / 文件名称 网...
标签: Web开发
HTML字符实体(Character Entities)有些字符在HTML里有特别的含义,比如小于号就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢? 这就要说到HTML字符实体(HTML Character Entities)了。 一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫amp...
标签: Web开发
HTML 组件(HTML COMPONENTS)是IE5。0的主要扩展之一,其也最具革命性,微软的意图是用HTML组件来取代ACTIVEX控件,和ACTIVE控件一样,HTML组件是自持续封闭对象,可以一次开发任意使用,使用HTML组件有很多好处,本文将给您揭示其中的一些! HTML组件带入了很多新的术语、思想、对象、方法和属性,我将通过一个日历应用给您接受这些,这...
标签: 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信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里...

经验教程

532

收藏

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