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
- 浏览 1062
- 评论(1)
- 论坛回复 / 浏览 (1 / 1813)
- 查看更多
相关推荐
在这个简单的例子中,我们将深入探讨如何使用CSS来控制div元素的样式,从而创建出美观且功能性的网页布局。 首先,我们需要了解`div`元素。`div`是“division”的缩写,它是一个块级元素,通常用来组织网页中的内容...
一个简单的绿色CSS模板可能会使用绿色作为主色调,以营造清新、自然的视觉效果。例如: ```css body { background-color: #c7e9b4; font-family: Arial, sans-serif; } .container { width: 80%; margin: 0 ...
以上就是创建CSS简单大气按钮的基础知识。实际项目中,你可能还需要考虑更多细节,如按钮的激活状态、焦点状态、禁用状态等,以及与JavaScript交互实现更丰富的功能。在"css3-buttons-download"这个压缩包文件中,...
在实际的`DIV+CSS简单登录界面模板`中,`README.md`文件可能包含有关模板的使用说明和任何特定的代码注释。而`DIV+CSS简单登录界面模板`文件可能是一个HTML文件,包含了`Div`元素和对应的`CSS`样式,以及可能的...
【CSS新世界1】这本书是关于CSS3的深入探索,主要介绍了CSS3的模块化发展以及新特性。书中首先回顾了CSS3出现的历史背景,强调了模块化带来的灵活性和扩展性,让读者对CSS3有一个整体的认识。接着,作者详细讲解了...
1. **选择器扩展**:CSS3引入了更强大的选择器,如伪类(`:hover`, `:active`, `:focus`等)、结构性伪类(`:nth-child()`, `:nth-of-type()`等)以及属性选择器,使元素选取更加精确。 2. **多列布局**:CSS3允许...
在这个案例中,它会定义一个简单的布局,包括头部、主体和脚部,这些元素将通过CSS进行美化。开发者可能使用了`<div>`元素来模拟iPhone X的屏幕框架,然后用更多的HTML元素来表示状态栏、屏幕内容区域以及虚拟Home键...
1. **CSS速成**:这部分内容通常会快速介绍CSS的基本概念,包括选择器、声明、属性和值,以及如何编写简单的CSS规则。例如,`color:red;`用于设置文本颜色为红色。此外,还将涉及如何链接外部样式表、内联样式和内部...
6. **动画和过渡**:CSS3的`@keyframes`规则和`transition`属性使得创建平滑的动画和过渡效果变得简单。在DSP环境中,这些特效可以提升用户交互体验。 7. **浏览器兼容性**:虽然大多数现代浏览器对CSS3支持良好,...
《CSS2.0使用手册》是一套全面介绍CSS2.0技术的综合资源,包括了对CSS基础、进阶技巧以及配色理论的深入探讨。其中包含以下主要知识点: 1. **CSS简介**:CSS(层叠样式表)是用于控制网页元素呈现方式的语言,它与...
标题中的“一个简单彻底快速的未使用CSS清理器”指的是一个工具或软件,它的主要功能是检测并清除HTML文档中未被引用的CSS样式规则。这个清理器设计的目标是高效、全面,帮助开发者优化网站性能,减少不必要的CSS...
在这个例子中,“html+css编写的简单静态页面”很可能包含了一个基础的HTML文件,这个文件可能使用了`div`来组织页面内容,用`float`来处理元素的位置,以及用`ul`创建了某种形式的列表。同时,CSS可能被用来添加...
在本文中,我们将深入探讨如何使用CSS3来创建引人入胜的烟花特效。CSS3是层叠样式表(Cascading Style Sheets)的第三版,它引入了许多新特性和功能,极大地扩展了网页设计的可能性,包括动画和特效。烟花特效就是...
毕竟CSS Reset要经过大量不同浏览器的实地验证才能获得结论,所以对时下的这些CSS Reset方案,也无法简单的判定好坏。 网络上提供了很多现成的CSS Reset文件,让设计者能直接引用实现CSS重设。现在这里提供一个比较...
CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...
这个"html+css简单的网站模板"是一个理想的学习资源,它可以帮助初学者快速理解这两种语言如何协同工作来创建静态网页。 HTML(HyperText Markup Language)是网页内容的结构化标记语言,用于定义网页的各个元素,...
总结来说,这个"css布局的简易模板"可能涵盖了基本的CSS布局技巧,如盒模型、定位和响应式布局,以及可能使用了Flexbox或Grid Layout。开发者可以通过查阅这个模板学习如何有效地组织和设计网页元素,同时理解如何...
1. CSS伪类和伪元素的使用,如`:checked`、`:hover`等。 2. CSS变量(Custom Properties)用于状态管理。 3. 使用CSS布局技术如Grid或Flexbox来组织聊天界面。 4. CSS动画和过渡来模拟实时反馈。 5. 服务器端脚本...
1.使用图像标签,创建一个使用图标工作台页面,使用标签创建图像链接。 2.使用HTML标签+CSS样式表创建提交数据用户表单页面。 3.使用HTML+CSS技术创建用户信息列表展示页面。 4.使用HTML+CSS技术创建一个使用列表...