zoukankan
html css js c++ java
八、CSS高级技巧
CSS精灵技术
需求分析
CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去,然后将大图应用于网页,这样,当用户访问该页面时,只需向服务发送一次请求,网页中的背景图像即可全部展示出来。
通常情况下,这个由很多小的背景图像合成的大图被称为精灵图,
工作原理
CSS 精灵其实是将网页中的一些背景图像整合到一张大图中(精灵图)。然而,各个网页元素通常只需要精灵图中不同位置的某个小图,要想精确定位到精灵图中的某个小图,就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位,其中最关键的是使用background-position属性精确地定位。
CSS滑动门技术
需求分析
为了使各种特殊形状的背景能够自适应元素中文本内容的多少,出现了CSS滑动门技术。它从新的角度构建页面,使各种特殊形状的背景能够自由拉伸滑动,以适应元素内部的文本内容,可用性更强。
工作原理
滑动门技术的关键在于图片拼接,它将一个不规则的大图切为几个小图,每一个小图都需要一个单独的HTML标记来定义。
完成切图工作之后,就需要用HTML标记来拼接这些图像,方法为定义3个盒子,将所得的3张小图分别作为盒子的背景。
其中左右两个盒子的大小固定,用于定义左右侧的小圆角背景。
中间的盒子不指定宽度和高度,靠文本内容撑开盒子,同时,将中间的小图平铺作为盒子的背景。
Margin负值的应用
同级元素应用负margin
对子元素应用负margin
查看全文
相关阅读:
导入和导出任务列表
如何读取嵌入的资源
如何更改水晶报表导出文件的名称
linux下的精确wait
cppunit helloworld详尽篇
谈谈技术原则,技术学习方法,代码阅读及其它
[Case] “凭心而论,在这家公司很敬业的工作了3年多,老板最后给我下的评语,大家都看看吧,千万别和我走同一条路!”(摘自csdn)
谈谈技术原则,技术学习方法,代码阅读及其它(正文)
网络数据库挖掘程序的设计
[转载]Linux中文件查找技术大全
原文地址:https://www.cnblogs.com/geniuszhd/p/13057530.html
最新文章
如何通过AppDomain用特定的安全上下文加载外部程序集
.NET 安全策略配置工具
RSS 规范 【转载】
SQL Server 2005自带的Service Broker功能
静态方法和实例方法
单向序列化
图形验证码的实现【转载】
实现接口与显式实现接口的区别
如何禁止Active Desktop?
多线程编程中的可变字段(volatile)
热门文章
捕捉键盘事件
VS2008 SP1的一个小问题
如何在Web服务器上设置SSL 【转载】
使用宏(Macro)扩展Visual Studio IDE
延迟为程序集签名 【转载】
StrongNameIdentityPermission的问题
如何自动地把AutoEventWireup属性关闭
关于HttpModule事件顺序和执行顺序
博客园备份档案浏览的小工具
ASP.NET中调用Excel的问题
Copyright © 2011-2022 走看看