zoukankan
html css js c++ java
一张图更好的帮助你理解css中的一些概念
測試代碼
dhtmlpos <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>dhtmlpos</title> </head> <body style="border-right: #99ccff 20px solid; border-top: #99ccff 20px solid; border-left: #99ccff 20px solid; border-bottom: #99ccff 20px solid; left: 100px; position: relative; top: 100px; padding-right: 17px; padding-left: 17px; padding-bottom: 17px; margin: 17px; padding-top: 17px;" bgcolor="#66cc00"> 出现在什么地方啊。运行之后,如果你打开了qq程序,那么就可以同时按下ctrl+alt+a来操作。 <div style="border-right: #99ccff 10px solid; border-top: #99ccff 10px solid; border-left: #99ccff 10x solid; border-bottom: #99ccff 10px solid; left: 0px; 150px; position: relative; top: 50px; height: 200px; background-color: #ffcc00; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin: 5px; padding-top: 10px;"> <textarea id="TextArea1" cols="20" wrap="off" rows="10" contenteditable=inherit>DTHML is so cool!DTHML is socool!DTHML is socool!DTHML is socool!DTHML is socool!DTHML is socool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!DTHML is so cool!</textarea></div> </body> <SCRIPT LANGUAGE="JavaScript"> var div=document.getElementsByTagName("div")[0]; var s = ""; s += "\r\ndiv.style.left:"+ div.style.left; s += "\r\ndiv.style.top:"+ div.style.top; s += "\r\ndiv.style.border:"+ div.style.border; s += "\r\ndiv.style.margin:"+ div.style.margin; s += "\r\ndiv.style.padding:"+ div.style.padding; s += "\r\ndiv.offsetLeft:"+ div.offsetLeft; s += "\r\ndiv.offsetHeight:"+ div.offsetHeight; s += "\r\ndiv.offsetTop:"+ div.offsetTop; s += "\r\ndiv.offsetWidth:"+ div.offsetWidth; s += "\r\ndiv.clientLeft:"+ div.clientLeft; s += "\r\ndiv.clientHeight:"+ div.clientHeight; s += "\r\ndiv.clientWidth:"+ div.clientWidth; s += "\r\ndiv.clientTop:"+ div.clientTop; s += "\r\ndiv.scrollTop:"+ div.scrollTop; s += "\r\ndiv.scrollHeight:"+ div.scrollHeight; s += "\r\ndiv.scrollWidth:"+ div.scrollWidth; var body1=document.getElementsByTagName("body")[0]; s += "\r\nbody1.style.left:"+ body1.style.left; s += "\r\nbody1.style.top:"+ body1.style.top; s += "\r\nbody1.style.border:"+ body1.style.border; s += "\r\nbody1.style.margin:"+ body1.style.margin; s += "\r\nbody1.style.padding:"+ body1.style.padding; s += "\r\ndocument.body.clientWidth:"+ document.body.clientWidth; s += "\r\ndocument.body.clientLeft:"+ document.body.clientLeft; s += "\r\ndocument.body.clientHeight:"+ document.body.clientHeight; s += "\r\ndocument.body.clientTop:"+ document.body.clientTop; s += "\r\ndocument.body.offsetWidth:"+ document.body.offsetWidth; s += "\r\ndocument.body.offsetHeight:"+ document.body.offsetHeight; s += "\r\ndocument.body.offsetLeft:"+ document.body.offsetLeft; s += "\r\ndocument.body.offsetTop:"+ document.body.offsetTop; s += "\r\ndocument.body.scrollWidth:"+ document.body.scrollWidth; s += "\r\ndocument.body.scrollHeight:"+ document.body.scrollHeight; s += "\r\ndocument.body.scrollTop:"+ document.body.scrollTop; s += "\r\ndocument.body.scrollLeft:"+ document.body.scrollLeft; s += "\r\n网页正文部分上:"+ window.screenTop; s += "\r\n网页正文部分左:"+ window.screenLeft; s += "\r\n屏幕分辨率的高:"+ window.screen.height; s += "\r\n屏幕分辨率的宽:"+ window.screen.width; s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight; s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth; alert(s); </SCRIPT> </html>
查看全文
相关阅读:
Debate
图形算法
OpenGL Notes
How to Write an Ethics Paper
Thesis
addWindowListener -> WindowAdapter -> windowClosing
Thesis
Bootcamp: An error occurred while partitioning the disk
What Is XML Schema
What Is XML
原文地址:https://www.cnblogs.com/quanhai/p/1712756.html
最新文章
Oracle 启动状态解说
Rehat 5.8下oracle11g安装
测试表空间和数据文件脱机影响
手动建库流程
闪回归档操作
oracle 表空间管理
oracle 事务测试
关于触发redolog切换几种场景
程序员为什么害怕低代码?ZT
个性化和云端孤岛困扰SaaS用户,低代码PaaS或成解决之道 ZT
热门文章
从表单驱动到模型驱动,解读低代码开发平台的发展趋势 ZT
应用场景不同,是无代码和低代码的最大区别 ZT
企业应用开发的大趋势,65%的应用开发将通过低代码完成 ZT
破解“低代码”的4大误区,拥抱低门槛高效率的软件开发新选择 ZT
开发者的拯救者还是掘墓人?解密低代码开发平台 ZT
T研究:国内云BPM市场规模尚小,预计2018年仅为3.29亿元
大数据时代,Wyn Enterprise和您一起探讨CIO的困境和出路 ZT
活字格对接RF手持机与ERP系统,帮助RFID快速盘点方案落地
AD/LDAP Configuration in JIRA
Study Notes for a Developer
Copyright © 2011-2022 走看看