帮助你好好学习CSS的“边”和“内容”

所属分类: 网页制作 / CSS 阅读数: 1685
收藏 0 赞 0 分享

看完图下面是测试代码:
<html>
<head>
<title>jb51.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s = "\r\n网页可见区域宽:" document.body.clientWidth;
s = "\r\n网页可见区域高:" document.body.clientHeight;
s = "\r\n网页可见区域宽:" document.body.offsetWidth " (包括边线的宽)";
s = "\r\n网页可见区域高:" document.body.offsetHeight " (包括边线的宽)";
s = "\r\n网页正文全文宽:" document.body.scrollWidth;
s = "\r\n网页正文全文高:" document.body.scrollHeight;
s = "\r\n网页被卷去的高:" document.body.scrollTop;
s = "\r\n网页被卷去的左:" 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>
</body>
</html>
帮助你好好学习CSS的“边”和“内容”_脚本之家jb51.net整理
帮助你好好学习CSS的“边”和“内容”_脚本之家jb51.net整理
更多精彩内容其他人还在看

CSS圆角边框制作指南与实例

这篇文章主要介绍了CSS圆角边框制作指南与实例,这里突出讲解了以纯代码实现的小圆角 来消灭锯齿的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

css实现移动端图片文字水平居中

这篇文章主要为大家详细介绍了css实现移动端图片文字水平居中的方法,如何实现图片以及文字的整体水平居中,本文为大家提供两种解决办法,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Div+CSS对HTML的table表格定位用法实例

这篇文章主要介绍了Div+CSS对HTML的table表格定位用法实例,文中讲到了CSS的定位差异问题需要的朋友可以参考下
收藏 0 赞 0 分享

使用div+CSS将页脚始终控制在页面最下方的方法

这篇文章主要介绍了使用div+CSS将页脚始终控制在页面最下方的方法,文中介绍了设置container以及使用绝对定位两种方法来解决,需要的朋友可以参考下
收藏 0 赞 0 分享

你值得拥有的CSS下拉菜单效果

这篇文章主要介绍了你值得拥有的多种CSS下拉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

CSS利用伪元素实现导航栏斜线分隔

这篇文章主要介绍了CSS利用伪元素实现导航栏斜线分隔的相关资料
收藏 0 赞 0 分享

纯CSS3打造属于自己的“小黄人”

这篇文章主要为大家详细介绍了纯CSS3打造属于自己的“小黄人”的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

浅谈各种浏览器下的CSS Hack兼容性写法

这篇文章主要介绍了各种浏览器下的CSS Hack兼容性写法,CSS Hack大致可以分为内部Hack和选择器Hack以及HTML头部引用Hack,需要的朋友可以参考下
收藏 0 赞 0 分享

学习DIV+CSS网页布局之一列布局

学习DIV+CSS网页布局中的一列布局,本文为大家分享的是DIV+CSS网页布局教程的第一篇,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

学习DIV+CSS网页布局之两列布局

学习DIV+CSS网页布局中的两列布局,本文为大家分享的是DIV+CSS网页布局教程的第二篇,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多