2.Web前端技术基础解析.pptVIP

Web前端技术基础;;HTML-文档类型声明;head;HTML-元素;常用语意化元素 ? header , footer ? section , article ? nav , aside , figure ? ol , ul , dl ? table, tr , th ,td; 合理使用语意化的标签 增强页面的可访问性 搜索引擎优化（SEO）;? id ? class ? 不再使用的属性 align , bgcolor , background , color ,bgsound , border ...;? form ? label ? input , textarea , select ? button;label标签的应用 用法1：input id=J_MyChk type=checkbox value= /label for=J_MyChk点击我也可以让左边选中/label 用法2： labelinput type=checkbox value= /点击我也可以让左边选中/label ? tabindex ? autocomplete ? disabled ? button的type属性 错误：button我是个按钮/button 正确：button type=button我是个按钮/button;!--[if lt IE 7]html class=no-js ie ie6 lte9 lte8 lte7 ![endif]-- !--[if IE 7]html class=no-js ie ie7 lte9 lte8 lte7 ![endif]-- !--[if IE 8]html class=no-js ie ie8 lte9 lte8 ![endif]-- !--[if IE 9]html class=no-js ie ie9 lte9 ![endif]-- !--[if gt IE 9]html class=no-js![endif]-- !--[if !IE]!--html!--![endif]--;Cascading Style Sheet 层叠样式表; CSS1 1996.12成为推荐标准（字体，颜色、空白边） CSS2 1998.5成为推荐标准 (浮动,定位,选择器) CSS2.1 2002年修订(伪类，属性选择器) CSS3 未正式发布但已普遍开始应用; media属性 link media=“screen”/ 样式表内的写法 @media print { #header{border:1px solid #000} };CSS-针对不同设备的CSS代码 ;CSS-针对不同设备的CSS代码 ;层叠的意义 ? 浏览器缺省设置 ? 外部样式表 ? 内部样式表 ? 浏览者自定义样式;? 选择器\属性\值 selector { property : value; property : value; };? 元素选择器 h1 ? 类选择器 .classname ? id选择器 #id ? 全局选择器 * ? 继承选择器 div p ? 选择器分组 h1,h2 ? 伪类选择器 :hover ? CSS 属性选择器 input[type=“button”] ie6;选择器的优先级;伪类选择器;CSS-盒装模型;浏览器调试工具的使用;以上???容源自淘宝UED /