html5与css3网页设计基础,html5和css3基础教程

　　style type=text/css

　　div { background:# f00 URL( images/heading 2。jpg’)无重复；250像素高度：76px}

　　/风格

　　氕背景图像（背景设计模式)/h1

　　分区/分区

　　二、绝对定位设计模式

　　style type=text/css

　　*.已定位{位置：相对；}

　　*.绝对{位置：绝对；top:10px；左：10px}

　　/风格

　　氕绝对值（绝对定位设计模式)/h1

　　差异

　　跨度大小的绝对值/span

　　/div

　　style type=text/css

　　*.定位{ border:1px纯红；高度：100像素背景色：# ffee00}

　　*.绝对{ border:4px纯绿；背景色：白色；}

　　/风格

　　三、文本替换设计模式

　　style type=text/css

　　#h2 {位置：相对；250像素高度：76px溢出：隐藏；}

　　#h2 span {位置：绝对；250像素高度：76pxtop:0；左：0;背景：#ff0 url(images/heading2.jpg )无重复；}

　　/风格

　　氕文本替换（文本替换设计模式)/h1

　　h2 id=h2 标题2 span /span /h2

　　四、左旁注设计模式

　　style type=text/css

　　*.左边缘{位置：相对；左边距：200像素}

　　*.边缘航向{位置：绝对；top:0；左：-200 px；边距：0;}

　　/风格

　　氕左边距（左旁注设计模式)/h1

　　差异

　　氘标题/h2

　　您希望提取一个元素，并将其再次移动到左侧。

　　/div

　　五、旁注式图片下沉设计模式

　　style type=text/css

　　*.缩进{位置：相对；左边距：120px}

　　*.图形-首字下沉{ position:absolute；120像素高度：90px左：-120 px；top:0；}

　　*.图形-首字下沉跨度{位置：绝对；120像素高度：90px边距：0;top:0；左：0;背景：url(images/m.jpg)无重复；}

　　/风格

　　氕边缘图形首字下沉（旁注式图片下沉设计模式)/h1

　　span M span /span /span

　　精氨酸图形首字下沉。字母M已被首字下沉图像覆盖。屏幕阅读器阅读文本，视觉用户看到图像。如果浏览器无法显示首字下沉图像，文本将变得可见。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。