自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Tanyacui的博客

日常学习

  • 博客(10)
  • 收藏
  • 关注

原创 javascript中使用browser对象得到屏幕宽高,位深度以及页面的起始坐标和页面宽高

screen.width--------------返回屏幕的总宽度 screen.height-------------返回屏幕的总高度 screen.availHeight-------返回屏幕的可用高度 screen.availWidth-------返回屏幕的可用宽度    屏幕的可用高度与宽度通常与屏幕的高宽一致 在控制台输入screen会返回一个Screen对象

2016-08-17 22:45:39 822

原创 在javascript中变量的作用范围

在Javascript中并没有强制性的要求必须提前声明变量,所以是可以不声明就可以使用的,这就造成了很多问题,比如会污染全局变量。因为根据变量定义的范围不同,变量有全局变量与局部变量之分。直接定义的变量是全局变量,可以被所有的脚本访问;而在函数中定义的变量是局部变量,只能在函数内部有效。如果二者使用的变量名一样,局部变量就会覆盖全局变量,即污染了全局变量。下面是一些代码: 1. 结果是

2016-08-15 21:09:36 622

原创 float浮动布局,auto冻结布局,position:absolute绝对布局

在布局中遇到的问题: 1.在用float属性使元素浮动时,一定要为浮动元素设置宽度,在清除浮动效果时,一定是与浮动元素同等级别的情况下,写一个空的div 然后设置他的{float:none;}.其中main为主要内容区可以不设宽度,继承父元素的100%width,可以设置它的margin值.     若在body下嵌套子div块header,main,sidebar,footer,那么bod

2016-08-14 16:53:43 1817 2

原创 利用CSS和DIV的几种布局方法(4)

同样是左右布局方式,采用width为固定宽度,从而达到自适应效果。

2016-08-09 23:35:28 385

原创 利用CSS和DIV的几种布局方法(3)

左右布局方法,但是无法达到自适应的效果。

2016-08-09 22:25:26 422

原创 利用CSS和DIV的几种布局方法(2)

与方法一的区别在于我的主内容区是固定宽度的,采用margin-left:-460px;与left:50%;的搭配方式进而自适应。

2016-08-09 22:17:26 346

原创 利用CSS和DIV的几种布局方法(1)

采用DIV+CSS,做的一个自上而下的布局。包括标题与主体两个部分。因为width设置为100%,可以根据浏览器屏幕的变化而变化。

2016-08-09 22:02:10 393

原创 块级元素与内联元素的区别

块级元素一般用来搭建网站大的框架,布局,例如:div,ul,ol,li,dd,dt,dl,h1~h6,p 内联元素inline element:主要是为了具体设计某几个字的样式而存在的。 block元素默认独占一行,后面无论紧跟什么元素,都会另起一行;block元素的默认宽度是父元素的100%,可以设置高与宽,以及padding值与margin值;width设置为100%的优点就是说它会根据浏

2016-08-07 18:08:57 743 4

原创 简易计算器

Simple computer h1{text-decoration:underline;    background-color:orange;    display:inline;} function count(){                 var txt1=parseFloat(document.getElementById('txt1').value);

2016-08-07 17:02:16 404

原创 怎么用纯CSS画一颗圣诞树

CSS christmas tree div{     width:200px;     height:300px;     background:gray; } #toptree{ width:0px; height:0px; border-top:0px solid blue; border-right:100px solid transparent; borde

2016-08-07 15:54:20 3005

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除