Newbie_小白
没有都对的别人,也没有全错的自己,至少要有自己的坚持,无关他人、无关外物!
摘要: 代码: <!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_小白 阅读(232) 评论(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_小白 阅读(397) 评论(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_小白 阅读(386) 评论(0) 推荐(0)
摘要: 要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签。在标准w3c下,document.bo 阅读全文
posted @ 2016-03-11 10:36 Newbie_小白 阅读(12592) 评论(0) 推荐(1)
摘要: 下面结合各上图介绍一下各个属性的作用: 一.offsetTop属性: 此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。 返回值是一个整数 阅读全文
posted @ 2016-03-11 10:32 Newbie_小白 阅读(759) 评论(0) 推荐(0)
摘要: 在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static(静态定位):默认值。没有定位,元素 阅读全文
posted @ 2016-03-11 09:55 Newbie_小白 阅读(147649) 评论(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_小白 阅读(309) 评论(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_小白 阅读(306) 评论(0) 推荐(0)
摘要: 一、margin基础语法与结构 1、margin语法 Margin:10px Margin的值是数字+html单位,同时也可以为auto(自动、自适应) 2、应用结构 Div{margin:10px} 设置div对象四边间距为10px 3、Margin说明 margin是设置对象外边距外延边距离,控 阅读全文
posted @ 2016-03-10 19:56 Newbie_小白 阅读(466) 评论(0) 推荐(0)
摘要: display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文
posted @ 2016-03-10 19:22 Newbie_小白 阅读(2331) 评论(0) 推荐(0)