W3C标准：1、结构标准(xHTML)2、动作标准(javaScript)3、表现标准(CSS)CSS写法：1、行内样式：在标签内书写；2、内嵌样式：在<head>标签内书写；3、链接样式：在<head>标签内使用<link rel="stylesheet" type="text/css" href="链接地址" />；4、导入样式：使用@Import属性，可以导入多个CSS文件；CSS优先级：就近原则 行内样式>内嵌样式>链接样式>导入样式CSS选择器：1、标签选择器：例 p{background:#900;} 将页面中所有p标签的背景色设置为红色；2、ID选择器：例 #nvg{background:#900;} 将页面中id为nvg的标签背景色设置为红色；3、类选择器：例 .nvg{background:#900;} 将页面中class为nvg的标签背景色设置为红色；4、通用选择器：例 *{background:#900} 将页面中所有标签背景色设置为红色；补充：1、标签可以属于多个类，例： <div class="one two three">多个类</div>2、使用逗号分隔可以选择多种标签，例： body,div,p,a,ul,li{margin:0; padding:0}3、选择器可以嵌套，例： #div1 p a{color:#900;} 将ID为div1内的p标签内的链接a标签的文字颜色为红色CSS选择器相关优化：某CSS文件中有以下代码：#header{font-size:14px; background:#ccc;}div{font-size:14px; width:960px;}.blue{font-size:14px; color:#009;}.h1{font-size:14px; font-weight:normal;}提取其中相同部分：fount-size:14px#header,div,.blue,.h1{fount:14px;}#header{background:#ccc;}div{width:960px;}.blue{color:#009;}.h1{font-weight:normal;}相同部分集中定义，利于保持风格统一，方便修改。CSS选择器命名：1、骆驼命名法，多个单词组合的名字，第一个单词的首字母小写，后面的单词首字母大写，例： #navMenuRedButton2、帕斯卡命名法，所有单词的首字母都大写，例： #NavMenuRedButton3、匈牙利命名法，用于区分同组标签的单词写在前面，易于辨认，例： #red_navMenuButton1、2两种比较常用页面模块的常用命名：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll小技巧：tips
新闻热点
疑难解答
