Wedding Dresses Outlet

其实CSS早在两年前已经有所掌握了，但是最近半年来从事的工作跟技术基本上不沾边，所以CSS方面已经开始不沾边。现在可以说是重新温习一下CSS吧，基础内容会来自一些CSS，PHP，JS书籍吧，博客主题也即将改为基础技术类博客，然后要优化的词“博百优”作为一个主角出现吧。

1 标记

HTML原本是一种简单且易记的标记语言。但是随着网页变得复杂，页面代码就变得累赘，不但大大加大了带宽的符合，还为用户体验，搜索引擎友好性增添了不少麻烦。所以我们在做SEO的时候，在技术端这边的优化最重要的就是优化代码。博百优本人也有一段时间没有接触代码了，所以我们一起来学习学习基础吧。

由于HTML带来的累赘性，所以为了进一步缩减代码的需求就出现，由此就有了现在的CSS，就可以控制页面的外观并且将文档的表现部分和内容分割开来。表现的标签（比如字体标签）就可以去掉了，再也不需要运用Table来布局，内容和样式完全分隔，就好像去做一辆汽车，零部件和汽车的主体部分完全分隔开来，然后最后要出厂前就通过技术工人将其合并，很形象吧？O(∩_∩)O哈哈~

2. ID和类名

博百优也不知道这里可以写些什么重点，一般来说ID或类名使拥有解决内容区域或导航栏的专用元素，比如：

<ul id=”nav”>

<li><a href=”#”>主页</a></li>

</ul>

以下几点需要注意一下：

ID必须是唯一的；

写类名和ID名时候，要注意区分大小写

3.Div+span

很多人吴毅伟 div元素没有语义意义。但是，div实际上代表部分（division），它提供了将文档分割为有意义的区域方法。所以通过将主要内容区域包围在div中并分为ID mainContent，就可以在文档中添加结构和意义。

博百优认为，为了将不必要的标记减少到最少，应该只在没有现有元素能够实现区域分隔的情况下使用div元素。例如，如果使用导航列表，那么就不需要将它包围在div中.

<div id=”nav”>

<ul>

<li>主页</li>

</ul>

</div>

过度使用div常常成为“多div症”，这是代码结构不合理而且过分复杂的一个信号。Div可以用来对块级元素分组，而span可以用来对行内元素进行分组或标记

<h2>博百优那傻逼去哪里了？</h2>

<p>文章发表在<span class=”date”>2010-4-22</span> by <span class=”author”>博百优</span></p>

今天本篇文章就介绍到这里了吧，博百优一起学CSS，从基础到前沿。