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
显示全部