仓酷云

标题: DIV教程之CSS教程:征服CSS挑选器 [打印本页]

作者: 第二个灵魂 时间: 2015-1-15 23:34
标题: 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技术的网页，对于搜索引擎的收录更加友好。

作者: 爱飞 时间: 2015-1-17 23:18
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 蒙在股里 时间: 2015-1-24 22:49
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 仓酷云 时间: 2015-2-2 16:11
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

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

作者: 金色的骷髅 时间: 2015-2-24 10:57
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 小魔女 时间: 2015-3-7 12:21
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 只想知道 时间: 2015-3-15 07:03
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 莫相离 时间: 2015-3-21 22:54
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

欢迎光临仓酷云 (http://ckuyun.com/)