基础css

通过重置一些不兼容的css代码,能够避免一些不必要的跨浏览器兼容问题,
定义了一些常用的css 类,能够用于快速开发,也能统一网页的风格。

排版

默认设置,段落,标题,文本,对字体颜色,锚文本的下划线,颜色,字体做了重写,均采用了最符合中国网站体验的12号字体和 Verdana, Arial, Helvetica, sans-serif 字体。行距22px。这些重写参考了,盛大,腾讯,百度,新浪等众多网站对css重写的选择。

example

采用了符合中国人阅读习惯的font-size:12px像素字体,行距line-height:22px像素。字体font-family:Verdana,Arial,Helvetica,sans-serif, body背景background:white;

级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。

<p>采用了符合中国人阅读习惯的font-size:12px像素字体,行距line-height:22px像素。字体font-family:Verdana,Arial,Helvetica,sans-serif, body背景background:white;</p>

段落排版

h1~h6标签同strong标签一样在seo中具有提高文字权重的效果

example

我是h1标签,在seo中我拥有最高的权重

我是h2标签,在seo中我拥有仅次于h1标签的权重

我是h3标签,在seo中我拥有仅次于h1,h2标签的权重

我是h4标签,在seo中我拥有仅次于h1,h2,h3标签的权重

我是h5标签,在seo中我拥有仅次于h1,h2,h3,h4标签的权重
<h1>我是h1标签,在seo中我拥有最高的权重</h1>
<h2>我是h2标签,在seo中我拥有仅次于h1标签的权重</h2>
<h3>我是h3标签,在seo中我拥有仅次于h1,h2标签的权重</h3>
<h4>我是h4标签,在seo中我拥有仅次于h1,h2,h3标签的权重</h4>
<h5>我是h5标签,在seo中我拥有仅次于h1,h2,h3,h4标签的权重</h5>

加粗

通过原生的<strong></strong>标签即可加粗,css加粗为font-weight:bold;<strong>...</strong> <b>在w3c新标准中已经不建议使用了

example
这是一段加粗的文字
<strong>这是一段加粗的文字</strong>

下划线

可以通过css的text-decoration:underline; 实现同样的效果

example
这是一段下划线的文字
<u>这是一段下划线的文字</u>

斜体

可以通过css的font-style:italic;实现同样的效果,<em>...</em> <i>在w3c新标准中已经不建议使用了

example
这是一段斜体的文字
<em>这是一段斜体的文字</em>

删除线

可以通过css的text-decoration:line-through;实现同样的效果

example
这是一段删除线文字
<del>这是一段删除线文字</del>

上标和下标

example

上标的文字在文字位于右上方显示这是一段上标文字

下标的文字在文字位于右下方显示这是一段下标文字

<p>上标的文字在文字位于右上方显示<sup>这是一段上标文字</sup></p>
<p>下标的文字在文字位于右下方显示<sup>这是一段下标文字</sup></p>

文字加大,缩小

example

这是一段加大号文字

这是一段小号文字

<p><big>这是一段加大号文字</big></p>
<p><small>这是一段小号文字</small></p>

引用

引用常常被用于评论中,在网页中非常常见,用<blockquote>就可以轻松实现一段美观的引用。

xxxxxxx
级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。
通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
<blockquote>级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。
<blockquote>通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。</blockquote>
</blockquote>

abbr

标签常常用于关键字tag等地方,用<abbr>就可以轻松实现。

xxxxxxx
css3 html5
<abbr>css3</abbr> <abbr>html5</abbr>