css文章排版代码,css文章排版

现在太懒了，好久每更新博客了,最近在重新研究下css,记录总结下自己的学习经验

还有要整理整理博客的分类了，因为我的生活跟在学校相比发生了较大的改变

现在都在提倡网站标准，先结构后表现，结构与表现分离，根据我这么久的试用，觉得确实更改挺方便的，而且代码量大大减少，看起来确实是种美感，条理特别清晰。好了，好处不说了，总结正文的排版结构如下：

1

标题：h1，h2，h3，h4，h5,h6,h7等，是正文标题就用这个标签，不要直接换行加粗或者用

标签等，最后的形式用传统的html一样可以实现一样的效果，但我们提倡的是效率和条理。其实都是为了后面维护的效率上。而且标题用h对搜索引擎更有优先的作用，对网站的推广来说更有好处。段落的缩进就直接用css控制就可以了，没必要每个段落去手动缩进。

2段落：

。直接按enter回车就换行了，在word里也是一样，而按shift+enter是段内换行，这样会导致段落与段落之间的距离跟行距一样，当然有人用两个br来做到这点，但肯定不提倡，这还是没规定好格式，到后面上万篇文章格式的更新将是个噩梦。而且这样在语义上或者说结构上是不好的，网站标准就是强调结构和表现分离，让每个标签都有语义。而p就是段落的结构化标签。

3列表

4 图片

src=””>,要实现图文混排，就是图片靠左或靠右，文字环绕它，这种方式直接设置图片本身的属性就可以达到，无需再加一个表格啦，还要强调点的是，图片最好加上alt属性，这样让人家显示不了你的图片的话可以指导图片的内容。

5

表格

6

span行内嵌元素，这个不独自成行，就是不会换行，比如文章中有个词想要变成红色，那就加上span

7水平线

---

:一般标题下面会有条线，这个就直接用代码hr解决，尽量不用图片。

8引用

:文章中引用其他文章中的话，就用这个标签

9

链接:在规范的网站中，文中的链接都最好加上title属性，也就是鼠标放上去时候显示的文字，这样让人指导链接什么东西，为什么要链接，这样会显得很专业和规范。

10 段内换行

对文章的排版要知道的名词和结构标签基本就这么多了，有了这样的概念，排出来的版式就会让人阅读舒服，条理清晰，用相应的标签就能做到表现与结构分离，维护更容易。