Question

我设计的css最后感觉很乱，请问各成功人士，css思路

我做的第一个网页设计的CSS感觉很乱，有时候span 和div也分不清楚什么时候用，文字段落也搞很乱，比如给段落的首字加颜色和尺寸，我自己就很迷茫，还有设计div、span,总感觉有一些的div和span用的不是地方。请问这方面，我应该如何提高。请各位大人说说自己的见解！
我是来寻求帮助的，只想听听好心人的见解

Answer 1

主要说一下个人对标签的惯用形式吧

就拿span和div来说，什么时候用，应该看它们自身默认的属性。span{display:inherit;}而div{display:block;}，也就是说无论给默认span宽度，高度多少，span也没有显示，而div反之。当给span加入display:block，就和div没有什么区别，span=div。

我想说的是，应当完全，合理利用标签原有的属性进行编写，避免不必要的代码。

例如，当你想给span添加display:block属性时，你应该第一点想到应该换div标签编写。

现在大家布局通常都使用div标签做大容器进行页面的布局，这时候如果你要改成span就得在span中加属性使其和DIV效果一致，这是得不偿失的。

至于文字段落乱，首字加颜色尺寸等问题，我个人觉得你在学习代码的过程中，另一个主要的方向就是多欣赏设计，临摹，采纳，页面如果布局更合理，人性化，符合大众的视觉，当然，你有设计底子的话完全不用理会我这段话。

说到底，你重点还是要在语义化方面多下功夫，合理嵌套。就像p标签，就是用来放文章用的，而不是用来布局，诸如此类，时间久了，你就不会再迷茫。

说点闲话，几年前WEB标准风刚吹到国内不久后，我从table转到所谓的div布局时，基本上每天大量使用div，甚至图片都是用div装起来。而现在，最喜欢的还是用UL列表布局，很愉快的说~

加油喽

Answer 2

可以找些比较有名的网站看下他们的css代码是如何写的，这样非常有帮助。

Answer 3

作为设计人员，良好的规范化程序是必须的也是必要的。在如今DIV+CSS的标准化设计中，如果才能使得自己代码规范呢？你是否做到了真正的SEO标准操作。
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight
1.CSS ID 的命名
外 套： wrap
主导航： mainNav
子导航： subnav
页 脚： footer
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainNav（globalNav）
顶导航： topnav
边导航： sidebar
左导航： leftsideBar
右导航： rightsideBar
旗 志： logo
标 语： banner
菜单内容1： menu1Content
菜单容量： menuContainer
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadCrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： login
功能区： shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写：
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css