前端常规代码书写法.docVIP

HTML 注释： !--这是一段注释。注释不会在浏览器中显示。-- map area shape= rect circle coords 带有可点击区域的图像映射： img src=planets.jpg border=0 usemap=#planetmap alt=Planets / map name=planetmap id=planetmap area shape=circle coords=180,139,14 href =venus.html alt=Venus / area shape=circle coords=129,161,10 href =mercur.html alt=Mercury / area shape=rect coords=0,0,110,260 href =sun.html alt=Sun / /map CSS代码中进行注释的三种方法 不能以数字开头命名CSS类 请不要以阿拉伯1、2、3、4开头来命名css伪类，不然将造成浏览器无法解释解析以数字开头命名的css类，最后造成类似css hack样不兼容，或直接以数字开头css名称的类无效（浏览器无法解释）。但是可以用字母命名加数字方式命名，切记不能用数字加字母或纯数字方式来命名css选择器。 ”值”/标签 标签/ Css 从整体到局部套写代码 Css规则由两个主要部分构成：选择器，以及一条或多条声明。 每个声明由一个属性和一个值组成 选择器{声明} 选择器{属性：值；属性：值；} 选择器，选择器，。。。{属性：值，值，。。。} 空格是多种属性的值 Table{border：1px solid red；} 逗号是或的意思（同种属性的各种值） body { font-family: Verdana, sans-serif; } 多种字体 不支持选后一种 派生选择器 通过依据元素在其位置的上下文关系来定义样式 li strong {} #开头为id选择器 （唯一性） . 开头为class选择器 （群类） 属性选择器 所有元素属性都改变 格式为 中括号 [title] {color：red；} 提示：如果值为若干单词，则要给值加引号： p {font-family: sans serif;} Css创建 外部样式 head link rel=“stylesheet” type=”text/css” href=”mystyle.css” /head 内部样式表 head style type=text/css /style /head 内联样式 p style=color: sienna; margin-left: 20px This is a paragraph /p meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta http-equiv=Content-Language content=zh-CN / meta name=author content=Csdn / meta name=Copyright content=Csdn / meta name=description content= / meta content= name=keywords / 第一行说明了他的文字编码 第二行说明了他采用的语言 第三行说明了他的作者 第四行说明了他的版权 第五行是对网站的简单描述 第六行是说明了本网站的关键字 后便两行主要是被百度这些有哪些信誉好的足球投注网站网站检索的时候用的 非常重要 块级元素和行内元素的区别 块级元素 常见元素：div、p、form、ul、ol、li 特性：独占一行，默认情况下，其宽度自动填满其父元素宽度 width、height属性：可以设置，设置了宽度还是独占一行 margin和padding属性：可以设置 对应的相关display属性：block 切换：display:inline变成行内元素 行内元素 常见元素：span、strong、em 特性：不会独占一行，相邻行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 width、height属性：无效 margin和padding属性：水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果，但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果。 对应的相关display属性： inline 切换：displ