DIV教程之CSS教程:征服CSS挑选器

你可以轻松地控制页面的布局。
网页制造poluoluo文章简介：CSS文件的巨细和所引发的HTTP的哀求数.

• PPT：TamingCSSSelectors
  
• NicoleSullivan
  
• 翻译：ytzong
  

CSS文件的巨细和所引发的HTTP的哀求数
是CSS功能的最关头要素
回流(reflow)和衬着工夫
(十分！)没那末主要
正本(duplication)比陈腐的划定规矩(stalerules)更糟
由于我们有工具处置后者
界说缺省值
不要在每处都反复编码
欠好的：
#weatherModuleh3{color:red;}
#tabsh3{color:blue;}
保举：
h1,.h1{...}
h2,.h2{...}
h3,.h3{...}
h4,.h4{...}
h5,.h5{...}
h6,.h6{...}
用独自的class来界说布局
不要在每处都反复编码

登录/注册后可看大图

利用class
而不是元素选择器
欠好的：
div.error{...}
保举：
.error{尽年夜多半代码写在这里}
div.error{独自界说}
p.error{独自界说}
em.error{独自界说}

网页制造poluoluo文章简介：CSS文件的巨细和所引发的HTTP的哀求数.

制止利用元素选择器
初始化除外
欠好的：
div{...}
ul{...}
p{...}
保举：
.error{...}
.section{...}
.products{...}
给划定规矩一样的权重
利用级联往重写先前的划定规矩
欠好的：
.myModule.innerb{...}
.myModule2b{...}
保举：
.myModuleb{...}
.myModule2b{...}
守旧的利用hack
欠好的：
.mod.hd{...}
.ie.mod.hd{...}
.weatherMod.hd{...}
保举：
.mod.hd{color:red;_zoom:1;}
.weatherMod.hd{...}
注：此点来自TheCascade,Grids,Headings,andSelectorsfromanOOCSSPerspective,AjaxExperience2009第96P，为作者在AjaxExperience2009上所做的增补。
制止指定地位
使用class在你想要改动的工具上
欠好的：
.sidebarul{...}
.headerul{...}
保举：
.mainNav{...}
.subNav{...}

网页制造poluoluo文章简介：CSS文件的巨细和所引发的HTTP的哀求数.

制止太甚出格的class
它们是都有语义的，并且无限制
欠好的：
.ducatiMonster620{...}
.nicolesDucatiMonster620{...}
保举：
.vehicle{...}
.motorcycle{...}
制止独自的界说
id在每一个页面只能利用一次
欠好的：
#myUniqueIdentifier{...}
#myUniqueIdentifier2{...}
夹杂利用
制止反复编码

登录/注册后可看大图

登录/注册后可看大图

封装
不要间接会见工具的子节点

登录/注册后可看大图

欠好的：
.inner{...}
.tr{...}
.bl{...}
保举：
.weatherMod.inner{...}
.weatherMod.tr{...}
.weatherMod.bl{...}

搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

仓酷云

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。