div布局知识:

overflow  溢出处理   hidden隐藏显示部分,scoll 超出部分就显示滚动条

dispaly: none 不显示 block独占一行 inline不独占一行

格式布局:

position: fixed 绝对定位,以浏览器可见区域为坐标进行定位,不是以页面为坐标是,通常用来做浮动层

relative:相对定位,相对于该元素原本应当在的那个位置,虽然元素的位置变化了,但原来的空间依然是占用的

absoulute:绝对定位,如果元素的外围没有设置,那就以整个页面作为定位。如果这个外围元素有一个元素具有position样属性,那么它是以这个外围元素为坐标进行定位。

强制转换:parseInt  ,parseFloat,   isNaN 判断是否为数字

setTimeout 指定的毫秒后只执行一次

setInterval每隔多少毫秒后,反复执行

window  open()用法

Window -  History  Location  Document  Status

window对象:  alert("")  var a = confirm("")  open()  close()  setTimeout("code","delay")  setInterval("code","delay")

history对象:go(-1) status对象。略。 document对象: 一、找到对象: var d = document.getElementById() var ds = document.getElementsByName() var ds = document.getElementsByTagName() 二、操作对象:  操作属性  1.获得属性值 var s = getAttribute("属性名")  2.设置修改 setAttribute("属性名","属性值")  3.移除  removeAttribute("属性名")

操作样式  1.内联样式 b.style.backgroundColor="red";  2.class  b.className="class名"

操作内容  1.表单元素:   value  2.非标点单元素   innerHTML,innerText

相关元素  previousSibling  nextSibling  parentNode  childNodes

时间: 2024-11-05 12:35:06

div布局知识:的相关文章

关于css+div布局的疑问 2017-03-19

第一次布局一个静态网页,发现许多细节都需要自己探索,出现诸如以下问题: 1.布局问题:经常出现一个div被挤出来?做到一半少一个div布局? 布局之前,要点打好框架,明确每个地方的高宽是多少,争取精确到每一像素(是否含有边框像素):但是,在纸上花的草图再好再精确,也需要实际操练. 2.定位问题:明明都定位了,为什么还出现div布局混乱的现象? (未解)为什么可以通过设置margin-left/right的值为负数可以解决,但是在其他浏览器显示效果仍错误? 3.div中图片的定位,为什么按照理论设

6.4 DIV布局制作淘宝首页

为了加深对DIV层布局的理解,下面就来体验一把什么是DIV层布局. 使用Dreamweaver来绘制如图1所示的层布局页面,具体操作岁骤如下: 图1 DIV层布局页面 (1) 打开Dreamweaver,新建一个空白文档. (2) 在插入栏的“布局”类别中单击“绘制层”按钮. (3) 在“文档”窗口的“设计”视图中,执行下列操作之一: ●  按下鼠标左键拖动以绘制一个层. ●  通过按住Ctrl键并按下鼠标左键进行拖动来连续绘制多个层(只要不松开Ctrl键,就可以继续绘制新的层). (4) 绘制

table布局与div布局

DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的.让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛. DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做. 中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天就又改了回来.正式由于中国的国情造就了搜狐.新浪这样门户.

HTML学习笔记 div布局及table布局案例 第三节 (原创)参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table布局</title> </head> <body marginheight="0px" marginwidth="0px"> <table width="100%&qu

关于div布局的一点心得

如果是嵌套的div布局,外面的div 比如是<div  class="container"></div>这时候设置的是一个大的外框架,居中显示.我们要在里面嵌套div来 显示内容,这时候就通过<div style="display:block;position:relative"></div>来使得div标签的位置是相对于外面最靠近它的父级标签也就是<div  class="container"

网站实战 从效果图开始CSS+DIV\布局华为网站

经过我们的前面css的学习,我们已经分模块的掌握的CSS的技术,但是,要是完整的做一个页面,我们还没有接触过,这次呢,小强老师来和大家完整的利用CSS+DIV做一个网站案例,我们来模仿下华为的网站. 主要分为以下6部分来做: 相信参看如下视频地址: 01   建立华为站点:               http://www.tudou.com/programs/view/Vbo8EffWPQw/ 02   华为站开始:                   http://www.tudou.com

css基础-2 div布局

div布局 <html> <head> <title>div布局 </title> <meta charset="utf-8"> <style> .toubu {width:100%;height:100px;background:aqua;} .zhuti {width:80%;height:600px;background:red;float:left;} .left  {width:20%;height:60

css - 防止float浮动效果影响下面div布局

转载:http://blog.csdn.net/u012246458/article/details/39025429 让页面的DIV布局向左或者向右有两种方法: 一:为了防止float,min-height等具有浮动效果的代码影响上下的div样式布局,可以要加上一个空白的div,其css属性为clear: <div class="clear"></div> 其 css要用 : .clear { clear: both; } 实例: html代码: <di

xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应

xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 1 <div class="dyleft">左栏固定宽度为200px</div> 2 <div class="dyright">右栏固定宽度为200px</div> 3 <div class="dycenter">中间自适应宽度</div> 2.cs