Newbie_小白
没有都对的别人,也没有全错的自己,至少要有自己的坚持,无关他人、无关外物!
摘要: offsetWidth所获取的宽度并不是div的实际宽度,它包括div的width、border等。 在JS函数中,可以通过obj.style.width来获取div的实际宽度,但是这种方式style只能获取行间样式,所以需要一个函数调用css中样式,代码如下: 阅读全文
posted @ 2016-03-11 15:38 Newbie_小白 阅读(303) 评论(0) 推荐(0)
摘要: 代码: <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> div { width: 200px; height: 200px; margin: 20px; float: left; back 阅读全文
posted @ 2016-03-11 15:18 Newbie_小白 阅读(499) 评论(0) 推荐(0)
摘要: CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法 平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱。 这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局。 特别是在IE6,如果内容超出对象高度 阅读全文
posted @ 2016-03-11 14:11 Newbie_小白 阅读(18418) 评论(0) 推荐(0)
摘要: 一、CSS布局属性 Width:设置对象的宽度(widteight:设置对象的高度(Height:45px;)。ackground:设置对象的背景颜色、背景图像。 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Admin 阅读全文
posted @ 2016-03-11 13:22 Newbie_小白 阅读(1134) 评论(0) 推荐(0)
摘要: 代码: <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> * { margin: 0; padding: 0; } #div1 { width: 712px; height: 108px; 阅读全文
posted @ 2016-03-11 13:10 Newbie_小白 阅读(256) 评论(0) 推荐(0)
摘要: 代码: <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 100px; height: 100px; background: #ff4b46; position 阅读全文
posted @ 2016-03-11 12:58 Newbie_小白 阅读(234) 评论(0) 推荐(0)
摘要: 代码: <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 100px; height: 100px; background: #ff4b46; position 阅读全文
posted @ 2016-03-11 12:30 Newbie_小白 阅读(401) 评论(0) 推荐(0)
摘要: 代码:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div { width: 100px; height: 150px; background: red; position: abso 阅读全文
posted @ 2016-03-11 12:23 Newbie_小白 阅读(389) 评论(0) 推荐(0)
摘要: 要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签。在标准w3c下,document.bo 阅读全文
posted @ 2016-03-11 10:36 Newbie_小白 阅读(12595) 评论(0) 推荐(1)
摘要: 下面结合各上图介绍一下各个属性的作用: 一.offsetTop属性: 此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。 返回值是一个整数 阅读全文
posted @ 2016-03-11 10:32 Newbie_小白 阅读(766) 评论(0) 推荐(0)
摘要: 在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static(静态定位):默认值。没有定位,元素 阅读全文
posted @ 2016-03-11 09:55 Newbie_小白 阅读(147728) 评论(14) 推荐(19)
摘要: 一、一个DIV设置淡入淡出 代码: <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>运动--淡入淡出</title> <!-- <link href="test_css.css" rel="stylesheet" type="tex 阅读全文
posted @ 2016-03-11 09:08 Newbie_小白 阅读(312) 评论(0) 推荐(0)
摘要: 代码:<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div { width: 200px; height: 500px; background: chartreuse; positio 阅读全文
posted @ 2016-03-11 08:37 Newbie_小白 阅读(307) 评论(0) 推荐(0)