码迷,mamicode.com
首页 > Web开发 > 详细

css样式表1

时间:2015-09-05 22:06:25      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

1内联样式表
和html联合使用,控制精确,但是可重用性差,冗余多。
<p style="font-size:14px;"></p>
<div style="clear:both"></div>截断流?清除两者
2内嵌样式表
如上
3外部样式表
创建css样式表,在html文件中调用
<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;鼠标指到上面时的形状
&copy;}?
a:visited
{}
a:hover 设置鼠标指向链接时的形式
{cursor:pointer;鼠标指到上面时的形状
&copy;
    }</style>

半透明效果
<div class="box">透明区域
</div>
.box
{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}

 

css样式表1

标签:

原文地址:http://www.cnblogs.com/liuyudong0825/p/4783942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!