html+css2.1总结.docxVIP

XHTML基础web标准结构（XHTML）、表现（CSS）行为（ECMA）常用快捷键F4显示隐藏面板 Ctrl+n新建 Ctrl+s保存 Ctrl+shift+s另存为 Ctrl+u设置首选项参数 f12浏览网页 Ctrl+tab切换页面 Ctrl+a全选 Ctrl+c复制 Ctrl+v粘贴 Ctrl+z撤销 Ctrl+x剪切 Ctrl+f查找替换浏览器的调试工具F12 谷歌浏览器可以调试手机端HTML（超文本标记语言）Hyper Text Markup LanguageHTML5的基本结构!doctype htmlhtmlheadmeta charset=utf-8title网页的标题/title/headbody/body/html基本语法常规标记标签 属性=”属性值” 属性=”属性值”/标签空标记标签 /常用标签标题h1-h6段落p强制换行br水平线 hr删除线del下标 sub上标 sup下划线u加粗b strong倾斜 I em空格 nbsp; 大于号 gt; 小于号 lt; 版权标识符 copy;列表有序列表olli/li/ol无序列表ulli/li/ul自定义列表dldt/dtdd/dd/dl超链接a href=”#”空超链接/aa href=”#” target=”_blank” title=”提示信息”在新窗口打开连接/a相对路径当当前文件与目标文件在同一目录下直接写 文件名+拓展名当当前文件与目标文件所在文件夹在同一目录下 文件夹名/文件名+拓展名当前文件所在文件夹与目标文件所在文件夹在同一目录下 ../文件夹名/文件名+拓展名插入图片img src=”图片路径” width=”宽度” height=”高度”/表格tabletrtd/td/tr/table.border表格的边框.bordercolor边框颜色.cellspacing单元格与单元格之间的距离.cellspadding内容与边框之间的距离.align水平对齐方式（left、right、center、）.valign 垂直对齐方式（top、bottom、 middle）.colspan列合并.rowspan行合并表单form name=”表单名称” method=”post/get” action=””/formPost和get的区别：get是从服务器上获得数据，post是向服务器上传数据，从安全性考虑，我们使用post表单控件input type=”类型” name=”名称” value=”默认值” size=”宽度” maxlength=”最多输入的字符数”/文本框 text密码框password单选按钮 radio复选框 checkbox下拉菜单selectoption/option/select多行文本textarea cols=”” rows=””/textarea提交按钮 submit按钮 button重置按钮reset默认选中checked禁用 disabledCSS的基础CSS是层叠样式表（Cascading Style Sheets）CSS的三种样式表A：内部样式表style type=”text/css”Css的属性和属性值/styleB:内联样式表div style=”color:#f00”/divC:外部样式表link rel=”stylesheet” type=”text/css” href=”样式表的路径”style type=”text/css”@import url(路径);/styleLink与@import的区别差别1：老祖宗的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。差别3：兼容性的差别。：@import是CSS2.1提出的，所以老的浏览器不支持，@import只在IE5以上的才能识别，而link标签无此问题。差别4：使用dom控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。样式表的优先级内联样式表最大 内部样式表与外部样式表与顺序有关，谁在后边谁生效选择器A:类型择器（元素选择器） 直接是html的标签B:id选择器 #id名{属性：属性值;}C:class选择器 .class名{属性：属性值;}D:通配符 *{属性：属性值;}E