1内联样式表 和html联合使用,控制精确,但是可重用性差,冗余多。 <p style="font-size:14px;"></p> <div style="clear:both"></div>截断流?清除两者 2内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签中。 3外部样式表 创建css样式表,在html文件中调用,一般用link连接方式。
<style type="text/css"> *//格式对所有标签起作用 {float:left,right;左右浮动 overflow:hidden;超出范围是隐藏 scroll超出范围是出滚动条} </style> 用标签名做选择器 <style type="text/css"> p//格式对p标签起作用 {} </style> 复合选择器 1用","隔开,表示并列 <style type="text/css"> p,span//格式对p,span标签起作用 {} </style> 2用空格隔开,表示后代 <style type="text/css"> .main p//找到使用样式main的标签,在该标签中对p标签起作用 {} </style> 3筛选. <style type="text/css"> p.sp//在p标签中的class="sp"的标签中,执行以下样式 {} </style> 超链接样式 <style type="text/css"> a:link 一般链接 {cursor:pointer;鼠标指到上面时的形状 ©}? a:visited {} a:hover 设置鼠标指向链接时的形式 {cursor:pointer;鼠标指到上面时的形状 © }? </style> 半透明效果 <div class="box">透明区域 </div> .box {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}