HTML语法与CSS布局样式.doc

CSS中修饰字体的属性 font: [ 字体风格 || 字体变形 || 字体加粗 ]? 字体大小 [ / 行高 ]? 字体族科 font: [ 字体风格 || 字体变形 || 字体加粗 ]? 字体大小 [ / 行高 ]? 字体族科 CSS中常见的控制文本的属性 CSS中常见的控制背景的属性 background: 背景颜色 || 背景图象 || 背景重复 || 背景附件 || 背景位置 background: 背景颜色 || 背景图象 || 背景重复 || 背景附件 || 背景位置 盒子模型 每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（width）和高度（height），盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin） 布局中的主要样式 font line-height color margin padding border width: height float: clear displaytext-align background布局中的主要样式： font line-height color margin padding border width: height float: clear display text-align background 定位属性 区块属性(区块模型) 虽然使用绝对定位可以实现页面布局，但由于调整某个区块框时其它区块的位置并不会跟随着改变，所以并不是布局的首选方式。而使用浮动的区块框可以向左或向右移动，直到它的外边缘碰到包含它区块的边框或另一个浮动框的边框为止。并且由于浮动框不在文档的普通流中，所以文档的普通流中的区块框表现得就像浮动框不存在一样。 HTML语法 　　! - - ... - - 批注 　　! 跑马灯 　　marquee.../marquee普通卷动 　　marquee behavior=slide.../marquee滑动 　　marquee behavior=scroll.../marquee预设卷动 　　marquee behavior=alternate.../marquee来回卷动 　　marquee direction=down.../marquee向下卷动 　　marquee direction=up.../marquee向上卷动 　　marquee direction=right/marquee向右卷动 　　marquee direction=left/marquee向左卷动 　　marquee loop=2.../marquee卷动次数 　　marquee width=180.../marquee设定宽度 　　marquee height=30.../marquee设定高度 　　marquee bgcolor=FF0000.../marquee设定背景颜色 　　marquee scrollamount=30.../marquee设定卷动距离 　　marquee scrolldelay=300.../marquee设定卷动时间 　　!字体效果 　　h1.../h1标题字(最大) 　　h6.../h6标题字(最小) 　　b.../b粗体字 　　strong... 粗体字(强调) 　　i.../i斜体字 　　em.../em斜体字(强调) 　　dfn.../dfn斜体字(表示定义) 　　u.../u底线 　　ins.../ins底线(表示插入文字) 　　strike.../strike横线 　　s.../s删除线 　　del.../del删除线(表示删除) 　　kbd... d键盘文字 　　tt.../tt 打字体 　　xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效) 　　plaintext.../plaintext固定宽度字体(不执行标记符号) 　　listing... sting 固定宽度小字体 　　...字体颜色 　　...最小字体 　　font style =font-size:100 px...无限增大 　　!区断标记 　　hr水平线 　　hr size=9水平线(设定大小) 　　hr width=80%水平线(设定宽度) 　　hr color=ff0000水平线(设定颜色) 　　br(换行) 　　nobr... br水域(不换行) 　　p.../p水域(段落) 　　center.../center置中 　　!连结格式 　　base href=地址(预设好连结路径) 　　a href=地址外部连结 　　a href=地址 target=_blank外部连结(另开新窗口) 　　a href=地址 tar