WORKS作品
-
阅读全文 | 评论 0 | 编辑 | 推荐
css应用笔记整理之属性编写继上篇《css应用笔记整理之结构编写》之后，我将继续以下面代码进行属性编写方面的css分析
2-1.使用简化结构
2-2.十六进制颜色代码不提倡缩写，尽量用字母大写方式
2-3.多用“以图换字”技巧
2-4.字体大小单位根据情况选用
2-5.“margin”和“padding”应用要注意
2-6.“display: none;”与“visibility: hidden;”、“border: none;”与“border: 0;”有差异
2-7.合理使用“绝对定位”和“相对定位”BACKTOP
-
阅读全文 | 评论 1 | 引用1 | 编辑 | 推荐
css应用笔记整理之结构编写很多时候大家对博客的优化并不是很在意，只是一味的追求模板的外观。尤其是对css的应用，更显得薄弱。
从几年前的TABLE+CSS网页编写结构到现在的DIV+CSS网页编写结构，至始至终css都占据着很重要的角色，因此css应用的得当在很大程度上能明显改善用户体验。
自从网络中提出SEO的概念之后，css的优化更加被得到重视，目前css框架也在不断被开放，通过css框架将提高我们的工作效率。什么是css呢？他是Cascading Style Sheets的缩写，中文解释为层叠样式表，用于控制页面布局和外观。它有三种应用模式，应用的最广泛的就是外部调用样式表文件，我在这里不再探讨，有疑问的朋友可以在百度百科中查看相关解释。
对css编写结构和应用属性不了解的朋友可以论坛帖子博客大巴使用指南下载CSS样式表中文手册（chm电子书格式）和DIV+CSS布局大全（pdf文档格式）的压缩包（rar压缩包格式）
我将通过对HTML存在的下面代码进行css分析
<div id="box">
<h2 class="hsize"><a href="#" title="标题"><span class="title">标题</span></a></h2>
<div id="nav">
<h3>菜单</h3>
<ul>
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
<ul>
</div>
<div id="main" class="wd hg">内容</div>
</div>结构编写方面
1-1.给需要重点加强的类选择符(Class Selectors)增值
1-2.不要为ID选择符(ID Selectors)增加额外的标签
1-3.尽量对子对象选择符(Child Selectors)使用“>”符号
1-4.通配选择符“*”(Universal Selector)有选择性的使用
1-5.“a”标签的伪对象选择符(Pseudo Selectors)注意写法顺序
1-6.ID选择符是唯一的，Class选择符是多样的
1-7.“注释”避免使用
1-8.标签之间使用的符号含义要分清
1-9.图片尽量放到css样式表中
BACKTOP
-
阅读全文 | 评论 20 | 编辑 | 推荐
[置顶]你有问题我来答BACKTOP
