html 代码
- <style type="text/css">
- position: absolute;
- left: 180px;
- top: 56px;
- }
- </style>
- < div id='Msg_div' class='Msg_div' />
定义了 msg div 的位置。
CSS手册:http://htmlhelp.com/zh/reference/css/structure.html
1. 选择符:
1) html 元素选择符,如
css 代码
- P { color:red }
- A { color: #666666; }
- < p >< /p >
- < a href = '#' />
2)类选择符,html 对应 class 属性 ,如
css 代码
- .smalltext { color:red }
- < div class = ' smalltext ' / >
3)关联选择符,如
css 代码
- P EM { background: yellow }
4)id 选择符,不方便,应少使用,如
css 代码
- #smalltext < div id=' smalltext ' />
2. Background url 位置定位:
0px -13px 为该图片left , top 的位置
css 代码:
- .my-shell-close {
- cursor: pointer;
- background: url(images/default/shell/btn-sprite.gif) no-repeat left 0px;
- width: 15px;
- height: 13px;
- }
-
- .my-shell-min {
- cursor: pointer;
- background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -13px;
- width: 13px;
- height: 13px;
- }
-
- .my-shell-max {
- cursor: pointer;
- background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -26px;
- width: 15px;
- height: 13px;
- }
-
- .my-shell-min-over {
- background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -52px;
- }
-
- .my-shell-close-over {
- background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -39px;
- }
-
- .my-shell-max-over {
- background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -65px;
- }
分享到:
- 2007-10-10 10:03
- 浏览 1039
- 评论(1)
- 论坛回复 / 浏览 (1 / 1798)
- 查看更多
相关推荐
html+css简单介绍与使用
css 简单例子 div css 简单例子 div css 简单例子 div
简单的CSS模板 简单的CSS模板 简单的CSS模板
CSS简单大气按钮
DIV+CSS简单登录界面模板,DIV+CSS布局,有用户名、密码登录框,登录按钮。
CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...
简单的网站模板 用html和css写的 比较简单,适合初学者使用
非常简单的html+css学习使用源码是一个css和html布局的简单的旅游网站,自己下载回去配置一下可以使用。非常简单的一个css+html搭建的网站源码
css-spinners, 使用CSS和最小HTML标记制作的简单CSS微调器和 throbbers CSS微调器使用CSS和最小HTML标记制作的简单CSS加载指示器。 所有加载指示器都设计为使用最小标记:<div class="loading-indicator"> Loading.....
使用html、css、div、float、ul写的一个简单的静态页面
同时,CSS Usage还提供给我们关于CSS某个选择器被实用多少次的统计,就是CCS文件后面的(1 scans) 如果我们一直使用 Auto Scan功能的话,我们的Scan次数也是在累积的,比如我们从首页到博文目录、再到图片、最后到达关于...
1 全国计算机类说课大赛一等奖:CSS样式表的使用教学设计 全国计算机类说课大赛一等奖:CSS样式表的使用教学设计全文共19页,当前为第1页。全国计算机类说课大赛一等奖:CSS样式表的使用教学设计全文共19页,当前为...
简单的利用css设置背景和文字案例,有需要的可以下载学习
JSP SSH DIV CSS 简单论坛
使用css绘制的苹果X手机界面,配合JQ可以体现出更多效果
css布局的简易模板和源代码,欢迎大家查阅使用,内容比较简单
CSS3实现烟花特效-图片+css
一个简单,彻底,快速的未使用CSS清理器
CSS是层叠样式表(Cascading Style Sheets)用来定义网页的现实效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了...简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。
DIV+CSS布局,DIV嵌套使用,Div上下,左右布局,居中显示。