`
java-boy
  • 浏览: 247416 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

整理Html技巧

    博客分类:
  • Html
阅读更多
自己整理的一些Html技巧:

滚动条:
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-highlight-color: #FFBABA;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #8C8C8C;
scrollbar-arrow-color: #FFFFFF;

虚线:
BORDER-BOTTOM: #000 1px dashed;

firefox 页面居中 (div)
margin:0 auto;

屏幕分辨率

var s;
s += "\r\n网页可见区域宽:"+ document.documentElement.scrollTop;
s += "\r\n网页可见区域高:"+ document.body.clientheight;
s += "\r\n网页可见区域高:"+ document.body.offsetweight +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetheight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollwidth;
s += "\r\n网页正文全文高:"+ document.body.scrollheight;
s += "\r\n网页被卷去的高:"+ document.body.scroll;
s += "\r\n网页被卷去的左:"+ document.body.scrollleft;
s += "\r\n网页正文部分上:"+ window.screen;
s += "\r\n网页正文部分左:"+ window.screenleft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height; //firefox
s += "\r\n屏幕分辨率的宽:"+ window.screen.width; //firefox
s += "\r\n屏幕可用工作区高度:"+ window.screen.availheight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availwidth;

鼠标变化

变化成移动状态 cursor: move;

更改class className
分享到:
评论

相关推荐

    IPython使用技巧整理.html

    IPython使用技巧整理

    html5基础教程常用技巧整理

    下面详细介绍HTML5基础教程中常见的知识点和技巧。 1. 新的DOCTYPE声明 HTML5中引入了新的DOCTYPE声明,它较XHTML的声明更加简洁。在HTML5中,只需要使用<!DOCTYPE html>来声明文档类型,即可让浏览器识别出是HTML5...

    jQuery常见开发技巧详细整理

    在jQuery的开发过程中,掌握一些常见技巧能显著提升开发效率和代码质量。下面是一些详细的jQuery开发技巧: 1. **引用页面元素**:jQuery通过`$()`选择器引用元素,支持ID、类名、元素类型以及层级关系和DOM或XPath...

    个人编程技巧收集整理

    这份"个人编程技巧收集整理"是针对Delphi编程语言的精华总结,对于初学者来说是一份宝贵的资源。下面,我们将深入探讨其中可能包含的一些重要知识点: 1. **面向对象编程**:Delphi基于Object Pascal,是一种强大的...

    HTML CSS笔记(含HTML5 CSS3 sublime快捷键整理).docx

    ### HTML CSS笔记(含HTML5 CSS3 sublime快捷键整理) #### 概述 本文档针对Web前端新手,全面系统地介绍了HTML、HTML5、CSS、CSS3的基础知识以及Sublime Text编辑器的快捷键操作技巧。文档共计104页,内容丰富...

    菜鸟营酷炫导航网html5源码源码资源下载整理.zip

    6. **适合初学者**:这款源码因其精美的设计和清晰的结构,非常适合初学者学习HTML5和网页布局技巧。通过研究源码,初学者可以了解如何使用HTML5元素构建响应式和交互式的导航系统。 7. **网页设计原则**:源码中...

    drupal模板常用技巧整理

    总的来说,Drupal模板技巧涵盖了从简单的HTML和CSS调整到复杂的PHP逻辑和权限控制。理解并熟练运用这些技巧,可以使Drupal网站的定制化程度更高,用户体验更佳。在实践中,不断学习和探索Drupal模板的深度,是提升...

    CSS技巧整理.pdf

    【CSS技巧整理】 在网页设计和开发中,CSS(Cascading Style Sheets)扮演着至关重要的角色,它负责页面的布局和样式呈现。本篇资料主要涵盖了五个优化CSS编码实践的技巧,旨在帮助你写出更高效、易维护的CSS代码。...

    Javascript中最常用的技巧整理

    【JavaScript 最常用技巧详解】 JavaScript 是一种广泛应用于网页和网络应用的脚本语言,它能够增强用户界面,提供动态交互性。以下是一些JavaScript中常用的技术和技巧: 1. **禁用右键菜单**: 使用`...

    CSS兼容性技巧整理

    ### CSS兼容性技巧整理 #### 一、概述 在网页设计和前端开发中,不同浏览器对CSS的支持程度存在差异,特别是在早期版本的Internet Explorer(如IE6和IE7)与现代浏览器(如Firefox)之间。这些差异可能导致布局...

    40种网页小技巧(html开发员有帮助哦)

    根据给定的信息,我们可以整理出以下与网页制作相关的实用技巧,这些技巧可以帮助开发者在实际工作中提高效率、增强用户体验以及优化页面功能。 ### 1. 阻止右键菜单出现 - **技巧**: 使用 `oncontextmenu` 事件来...

    javascript 、html 精华资料整理

    这是我自己下载后整理的最全面,使用最广泛,被抄袭转载最多的javascript、html资源!!! 1.40种网站常用Javascript技巧 格式txt CSDN 上流传较广泛的较好的版本! 2.初学者很好的参考:HTML标签详尽讲解 格式doc 此为...

    javascript源码整理_javahtml_

    在"javascript源码整理"部分,我们可以期待看到各种JavaScript编程技巧、函数库、工具集和实用脚本。这可能包括事件处理、DOM操作、AJAX请求、时间日期处理、字符串操作等常见功能的实现。通过学习这些源码,开发者...

    zencart 开发技巧 经验整理

    理解模板文件的结构,如 tpl_files 和 images 目录,以及如何通过修改CSS和HTML来调整布局,是基础步骤。 2. **模块化设计**:Zencart采用模块化设计,每个功能都作为一个独立的模块存在。了解如何添加、编辑和删除...

    HTML学习中文参考手册(整理)

    总的来说,这份“HTML学习中文参考手册(整理)”是一份非常实用的学习资料,涵盖了HTML语言的基本要素和CSS的进阶特性,适合任何阶段的HTML/CSS学习者。通过深入学习和实践,你可以掌握网页开发的核心技术,从而...

    个人经验总结html实用技巧

    以下是我根据标题“个人经验总结html实用技巧”及描述中提到的关键标签,结合压缩包内的文件名称,整理出的一些HTML相关的实用技巧和知识点。 1. **浮动框(浮动框.html)**:在HTML中,浮动框常用于布局,通过CSS...

    js的一些技巧收集整理(共231个)

    根据给定的信息,我们可以整理出一系列与JavaScript相关的实用技巧,涉及事件处理、样式调整、页面控制等多个方面。下面是这些技巧的详细解释: ### 1. 常见事件处理技巧 - **`onBlur`**: 当元素失去焦点时触发。...

    HTML知识整理、网页制作基础教程 CHM.rar

     了解最基本的网页基础知识——HTML非常重要,同时也需要学习一些制作技术,有时候一个小小技巧也可以让你事半功倍。  详细了解Anchor标记  HTML文件HEAD内部标记浅析  实现HTML自动排版的法则  快速精通...

    html前端文档整理分类

    总的来说,这个“hm前端文档整理”应该能提供一个全面的前端学习资源库,覆盖了HTML、CSS的基础知识,以及前端开发中与数据处理相关的实践技巧。通过深入学习和理解这些内容,开发者能够更好地掌握前端开发技能,...

Global site tag (gtag.js) - Google Analytics