VB.net 2010 视频教程 VB.net 2010 视频教程 VB.net 2010 视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
  • div+css视频教程之定位设置

  • 2015-08-03 20:56 来源:未知

定位设置

【定位】子面板是实现精确和自由定位的关键属性,其中的属性使用“层“首选参数中定义层的默认标签,将标签或所选文本块更改为新层。如图6-14所示。面板各项参数含义如下:
l 【类型】:用来设置层的定位方式,有4种定位方式:
【绝对】:绝对定位??山囟ㄎ挥谙喽杂诎脑氐闹付ㄗ?。
【固定】:可将元素定位于相对于浏览器窗口的指定坐标。坐标在下面【定位】的各项中输入。该属性工作于 IE7模式 。
【相对】:相对定位。在下面【定位】的各项中输入的数值,都是将元素定位到其相对于其正常位置的地方。
【静态】:固定位置,被元素会处于正常的位置。

图6-14  样式定义【定位】子面板
l 【显示】、【Z轴】、【溢出】、【宽】、【高】和【剪辑】:参数值的意义同层的属性相同,在前面章节已有介绍,在此不再赘述。
l 【定位】:指定对象的位置和大小。浏览器如何解释位置取决于“类型”设置。

8.扩展功能

CSS样式还可以实现一些扩展功能,这些功能集中在【扩展】面板上,如图6-15所示。这个面板主要包括3种效果:分页、鼠标效果和滤镜。

图6-15  样式定义【扩展】子面板
l 【分页】:是通过样式来为网页添加分页符号,但目前没有任何浏览器支持此项功能,故这里不作介绍。
l 【光标】:通过样式改变鼠标形状,鼠标放在被此项设置修饰的区域上,形状会发生改变?!緃and】(手)、【crosshair】(交叉十字)、【text】(文本选择符号)、【wait】(Windows的漏斗形状)、【default】(默认的鼠标形状)、【help】(带问号的鼠标)、【e-resize】(向东的箭头)、“ne-resize”(指向东北的箭头)、“n-resize”(向北的箭头)、“nw-resize”(指向西北的箭头)、“s-resize”(向西南的箭头)、“auto”正常鼠标。IE4.0以上浏览器支持这些鼠标形状,使用得当,会获得很好的效果。
l 【过滤器】:使用CSS语言实现的滤镜效果。Dreamweaver CS3过滤器嵌入16项样式属性:
【alpha】:设置元素的透明度。就是把目标元素与背景混合??梢灾付ㄊ道纯刂苹旌系某潭?。
【blendtrans】:产生一种精细的淡入淡出的效果。
【chroma】:可以指定对象中的某个颜色为透明色。
【blur】:把它加载到文字上,产生风吹模糊的效果,类似立体字,也可以把blur滤镜加载到图片上,能达到用图象处理软件制作的效果。
【dropshadow】:就是添加对象的阴影效果。
【fliph】:使对象水平翻转。
【flipv】:使对象垂直翻转。
【glow】:使对象的边缘就产生类似发光的效果。
【gray】:把一张图片变成灰度图。
【invert】:把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
【light】:使对象产生一个模拟光源的效果。
【mask】:使对象作出一个矩形遮罩效果。
【revealtrans】:是一个神奇的滤镜,它能产生23种动态效果,还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换,非常方便。
【shadow】:可以在指定的方向建立对象的投影。
【wave】:使对象按照垂直的波形样式扭曲的特殊效果。
【xray】:使对象看上去有一种x光片的效果。
图6-16所示的是在图像上添加“chroma”过滤器样式前后的对照图。
                      
 图6-16  添加【过滤器】样式前后对照图
相关教程
  • 灯光焰火艺术表演在青岛举行 2019-04-25
  • 刘鹏:抓住“特色”的同时也要看淡“特色” 2019-04-25
  • 图解:中国经济已现一大积极信号,你知道了吗? 2019-04-25
  • 坚守岗位守护绿城美丽与整洁 2019-04-24
  • 个税法迎第七次大修 起征点调至每年6万元 2019-04-24
  • 传Switch即将支持媒体应用 看电影听音乐不是梦传Switch即将支持媒体应用-行情资讯 2019-04-24
  • [大笑]山不在高,有仙则名,水不在深,有龙则灵,文不在多,逻辑通透则行! 2019-04-24
  • 高一年级组“经典永流传”诵读比赛精彩回顾—wydzx.blog的博客—强国博客—人民网 2019-04-23
  • 红薯-热门标签-华商生活 2019-04-23
  • 这是全国精气最为集中的地方 被称为中国丹田所在 ——凤凰网房产 2019-04-23
  • 2018高考今日鸣锣 分享作家们的高考故事:莫言曾说它"很坏" 2019-04-22
  • 南方都市报:中考结束遇上父亲节,考场外这一幕瞬间萌翻你,心都化了! 2019-04-22
  • 马克思主义通过指导无产阶级革命建立起部分社会财富公有制而改变了人类历史发展进程,离开部分社会财富公有制的建立来谈“改变人类历史发展进程”纯粹是无稽之谈。 2019-04-22
  • 北京高能时代环境技术股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-04-21
  • 6000元的借款,仅仅过了半年,就利滚利,垒高到超过百万元,需要借款人卖房抵债——万恶的驴打滚真是望尘莫及了[YY] 2019-04-21
  • 151| 262| 620| 725| 88| 168| 224| 804| 528| 192|