1、cursor
使用目的：在鼠标到达这个位置时，鼠标会出现不同的风格形式；
<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一title>head><body>小手span>1span>2span>3span>4span> #可以自定义形式(小图标)body>html>
<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一title><style>.clearfix:after{ #在父标签的下面，子标签有float，使用这个class可以让其子标签使用父标签的样式(方法1)content:'.';display:block;height:0;clear:both;visibility:hidden;}style>head><body> div1div>
div2div>
div> #解决子标签有float,还能使用父标签样式的方法2div>body>html>运行结果
3、position常用的就三种：(1)、position:fixed 固定的位置，不在改变；(2)、position:relative；(3)、position:absolute relative和absolute一般联合使用。
<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一title>head><body>
div> div>body>html>
4、opacity(透明度)使用目的：一般设置图片/背景颜色的亮度；.p_w_picpath{
opacity:0.4;
}5、模拟一个对话框写一个小例子，就是出现对话框，让我们自己选择的那种；<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一title><style>.shade{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#333;opacity:0.6;}.delete{position:fixed; top:50%;left:50%;width:400px;height:300px;background-color:white;margin-left:-200px;margin-top:150px; }.hide{display:none;}style>head><body><table><tr><th>IPth><th>编辑th>tr><tr><td>11.11.11.11td><td>删除td>tr><tr><td>11.11.11.12td><td>删除td>tr>table>div><div>提示div><div>确定要删除吗?div><div>div>div>body>html>运行结果
推荐阅读：HTML常用标签(最最最基础的了)CSS常用样式(最基础上)天下武功 唯快不破
扫一扫
3714
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
