`

关于CSS细节集合

css 
阅读更多
以后可能会用到,记一下
原址:http://www.iteye.com/topic/1135252

一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:
<li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li>


二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:
<li>记住密码<img src="static/img/xyx.jpg" align="middle"/></li>


三、自动最大化窗口,在 <body> 与 </body> 之间加入:
<SCRIPT language="javascript">
setTimeout('top.moveTo(0,0)',5000);
setTimeout('top.resizeTo(screen.availWidth,screen.availHeight)',5000);
</script>


四、window.opener 实际上就是用window.open打开的窗体的父窗体。
比如在父窗体parentForm里面 通过 window.open(“subForm.html”),那么在subform.html中 window.opener
就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。
window.opener.test(); —调用父窗体中的test()方法;
如果window.opener存在,设置parentForm中stockBox的值。
if (window.opener && !window.opener.closed){
       window.opener.document.parentForm.stockBox.value = symbol;
}


六、刷新页面的方法
Javascript刷新页面的方法:
history.go(0)
location.reload()
location=location
location.assign(location)
document.execCommand(‘Refresh’)
window.navigate(location)
location.replace(location)
document.URL=location.href
自动刷新页面的方法:
页面自动刷新:把<meta http-equiv=”refresh” content=”20″>加入<head>区域中
页面自动跳转:把<meta http-equiv=”refresh” content=”20;url=http://www.wyxg.com”>加入<head>区域中 前端UI分享
js自动刷新页面:
<script language="JavaScript">
function myrefresh(){
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
分享到:
评论

相关推荐

    Rainer Su 的CSS

    【Rainer Su 的CSS】是关于前端开发领域中CSS(层叠样式表)技术的一份资源,由专家Rainer Su提供。CSS是网页设计的重要组成部分,它负责定义页面的布局、颜色、字体、大小等视觉样式,使得网页内容能够呈现出美观且...

    css+js图片特效集合

    本资源包“css+js图片特效集合”汇聚了多种JavaScript实现的图片特效,为网页设计师和开发者提供了丰富的灵感和实践素材。 首先,我们来探讨CSS在图片特效中的应用。CSS3引入了许多新的属性和选择器,使得创建复杂...

    最好的CSS目录

    TheImport是一个集合了多种类型设计资源的网站,其中包括了大量的CSS设计案例。设计师们可以在这里找到各种风格的作品,并从中汲取灵感。 #### 11. CSSHeaven CSSHeaven是一个专注于CSS设计的网站,它提供的案例...

    css手册大全

    《CSS手册大全》集合了多个关于CSS(Cascading Style Sheets)的重要参考资料,旨在为学习和精通CSS的用户提供详尽的指导。这个压缩包包含了多种格式的手册,如CHM和PDF,便于不同用户需求的选择。 1. **DHTML手册*...

    CSS样式css20

    CSS20这个标题可能指的是CSS的一个特定版本或者一个教程集合,虽然CSS没有正式的“CSS20”版本,但我们可以将其理解为涵盖了一系列CSS基础到进阶的特性。描述中提到的内容虽然不全面,但提供了不少有价值的知识点,...

    html/css3/js的离线版chm手册

    在“CSS3.0 帮助文档.chm”中,开发者可以找到关于这些特性的详细说明和示例,以便于实现更具视觉吸引力和交互性的网页设计。 JavaScript是一种广泛使用的客户端脚本语言,它运行在用户的浏览器上,为网页添加动态...

    css 技术收集 css经典教材

    本资料集合主要关注“CSS+Div”布局技术和经典的CSS教材。 1. **CSS+Div布局**: CSS+Div布局是现代网页设计中常用的一种布局方式,其核心思想是利用CSS控制HTML中的`&lt;div&gt;`元素来实现页面布局。`&lt;div&gt;`元素是块级...

    非常漂亮的Css模板

    【CSS模板】是一种用于网页设计的预定义样式代码集合,它使用CSS(Cascading Style Sheets)语言编写,目的是为了实现网页元素的布局、颜色、字体等视觉效果。CSS模板通常包括一系列的CSS文件、HTML文件以及可能的...

    40个经典的css实例

    这个“40个经典的css实例”集合提供了丰富的学习材料,帮助初学者和经验丰富的开发者更好地理解和应用CSS。下面将详细探讨这些实例中可能涵盖的关键知识点: 1. **选择器**:CSS选择器是定位HTML或XML元素的基础,...

    CSS工具-CSS工具

    - 提供关于如何编写高效、可维护的CSS代码的指导。 #### 十四、易用性检查工具 - **功能介绍**:一系列工具用于检测网页的易用性和无障碍性。 - **应用场景**: - 保障网站的无障碍访问,满足残疾人士的需求。 -...

    搜集整理100套DIV+CSS网站样式模板

    这100套DIV+CSS网站样式模板集合是一个宝贵的资源库,旨在为网页设计师和开发者提供丰富的设计灵感和实用的代码示例。DIV+CSS是现代网页布局的基础,通过使用HTML的div元素和CSS(层叠样式表)来实现页面的结构化和...

    CSS禅意花园最新中文版PDF

    - **定义与背景**:“CSS禅意花园”是一个展示如何运用层叠样式表(Cascading Style Sheets,简称CSS)进行网页设计的在线资源集合。它起源于1998年,随着Web设计的不断发展,该花园逐渐成为全球范围内Web设计师们...

    css样式就得这么写(css参考样式集合)

    如今我们的网站、页面更加需要注重细节,不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验和PV,以及用户以后是否会回访我们的网站/博客。为了让我们的网页变得更加美观个性化,我们需要了解更多...

    我收集的css精品文章

    此外,“一些很多人都不注意的细节方面”暗示了文章可能包含了容易被忽视但对提升网站性能和用户体验至关重要的CSS技巧。 【标签】"css"表明所有文档都将围绕CSS语言展开,包括其语法、选择器、布局方法、盒模型、...

    CSS黑色超酷多级菜单.rar

    类选择器(如`.menu-item`)可以方便地将样式应用于特定元素集合。 3. **浮动与清除**:在早期的CSS布局中,浮动(`float`)常用于创建多列布局。在多级菜单中,浮动可以确保子菜单项在其父菜单项旁边显示。同时,...

    CSS3 下拉菜单 多级展开导航菜单.rar

    本资源包"CSS3 下拉菜单 多级展开导航菜单.rar"集合了使用HTML5和CSS3技术实现的各种下拉菜单样式,它们具有多级展开功能,设计简洁,适用于网页前端开发。 1. **HTML5与CSS3的基础** HTML5是现代网页标准,引入了...

    蓝色欧美CSS网页模板

    HTML文件包含了网页的结构和内容,CSS文件则是样式规则的集合,用于控制网页的外观,图片和其他资源文件则是用于增强网页视觉效果的素材。 总的来说,这个“蓝色欧美CSS网页模板”提供了构建专业商业网站的基础框架...

    js+dhtml+css\js+dhtml+css

    标题中的"js+dhtml+css"表明这是一个关于前端开发技术的资源集合,主要涉及JavaScript、动态HTML(DHTML)和层叠样式表(CSS)。这些技术是构建交互式和动态网页的关键工具。描述中的"打包上传"暗示这可能是一个学习...

    jQuery css3鼠标悬停图片切换文字过渡动画特效.zip

    在本项目中,"jQuery css3鼠标悬停图片切换文字过渡动画特效.zip"是一个集合了7种不同风格的JavaScript和CSS3技术实现的交互式图片文字切换效果。这些效果为网页设计提供了丰富的动态视觉体验,使得用户在鼠标悬停在...

    KrunkerCSS:Krunker的自定义CSS集合列表

    2. **说明文档**:可能包含如何应用CSS到游戏中的说明,以及每个CSS集合的特色和修改细节。 3. **示例图片**:如果有的话,会提供CSS应用前后的对比图,帮助你决定是否使用某个CSS集合。 4. **贡献指南**:如果你对...

Global site tag (gtag.js) - Google Analytics