div+CSS实现页面的布局要点记录

1、页面任何控件可以通过div包装为一个模块，然后通过margin（外补丁）和padding（内补丁）对控件位置的摆放进行控制，以实现想要的效果。

2、position:absolute;对控件实现绝对定位，既此控件不受别的控件挤兑，可以通过left，right，top，bottom等属性对控件进行任意的摆放，不受别的控件影响。

3、document.getElementsByTagName()、document.getElementsByName()取得的节点存在多个即为一个数组，所以要取得具体节点应为：document.getElementsByTagName("")[0...]、document.getElementsByName("")[0...]。而document.getElementById("")取得是一个节点，因为id规定应该为唯一性（如果多个id相同，取得是第一个节点）。

4、display属性的对象隐藏不保留物理空间，而visibility保留物理空间

时间： 2024-07-29 05:57:12

div+CSS实现页面的布局要点记录的相关文章

html div+css做页面布局

http://blog.csdn.net/mercop/article/details/7882000 HTML CSS + DIV实现整体布局 1.技术目标: 开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局 2.什么是W3C标准? W3C:World Wide Web Consortium,万维网联盟 W3C的职能:负责制定和维护Web行业标准 W3C标准包括一系列的标准: HTML内容方面:XHTML 样式美化方面:CSS 结构文档访问方面:DOM 页面

DIV+CSS重构页面时要注意的小陷阱

1\注意你用的是那一种DOCTYPE. 2\CSS要分为多少个文件? 3\采用link和import方式导入样式表有什么不同? 4\注意页面的层次结构,用好ul和li 5\注意h1,h2,h3,h4的区别 6\要记得清除浮动. 7\记得用class或是id 对页面的结构进行一些说明. 8\HTML和CSS都要用加上适当的注释. 9\不要直接在html的标签中写style 10\JS代码不要直接在对应的标签中写.现在可以调用jquery或是mootools来绑定事件. 11\DIV

【笔记-前端】div+css排版基础，以及错误记录

现在的网站对于前端的排版已经逐渐不使用<table>,而是使用div+css. 使用这种方法的最大好处就在于在维护页面时,可以只维护css而不去改动html. 可是这种方式对于初学者来说可能不好理解,所以简单描述一下使用div+css排版基础. 下图是一个使用div+css排版的示例: html和css: <html> <head> <style> body{font-size:20px;font-weight:bold;color:white;} .bac

前端知识整理-DIV+CSS 之页面布局

终于收到了第一份面试邀请. 时间是下周一. 也是为了验证自己的修炼水平进行一下知识整理顺带查漏补缺也给后来的同学提供一些参考我们用实例来总结: 假设进行三栏布局左右300px 中间自适应我们有几种解决方案呢? 第一种,我们用float 第二种,我们用绝对布局以上两种过于简单不解释了第三种,就是flaxbox了 flexbox就是我心目中的最佳解决方案了,很多坑都是用flex来解决的代码如下: <head> html *{ display:flax; } .left{

div+css的第一个布局

---恢复内容开始--- 这个东西说难也不难,但也要详细思虑一番: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

HTML布局要点记录

1.清除浮动的方法1.1 overflow:hidden; *zoom:1; 1.2在需要清除浮动的元素内添加一个空白的<div>,并设计DIV的样式, 如下: clear:both; height:0; font-size:0;

使用Div + CSS布局页面

在设计网页时,能够控制好各个模块在页面中的位置是非常关键的.本章将讲解利用Div+CSS对页面元素进行定位的方法. Div是HTML中指定的专门用于布局设计的容器对象 Div是CSS布局的核心对象. Div本身与样式没有任何关系,样式需要编写CSS来实现,因此Div对象应该说从本质上实现了与样式的分离.(最终样式由CSS来完成) 无论是多么复杂的布局方法,都可以使用Div之间的并列与嵌套来实现. 为了实现内容与表现的分离,不应当将align对齐属性与style行间样式表属性编写在Div标签中,因

DIV+CSS布局基本流程及实例介绍

都说用DIV+CSS布局来设计网站便于优化,容易被收录,那么你对DIV+CSS布局的用法是否了解?CSS布局是网页html通过DIV标签+CSS样式表代码开发制作的(html)网页的统称.DIV+CSS布局是现在非常流行的布局方法,替代了原来的表格布局.下面我们先来看下学习DIV+CSS布局的基本步骤: 一.认清学习的要求 1.弄清目的,首先要认识为什么要学习CSS? 2.心态不能急,如果你很急躁,否则会很快丧失兴趣. 3.坚持,这个不是一到两天的事情,是一个漫长的过程(至少两个月). 二.基础

关于div+css布局

div的元素布局加上css的样式表布局知识:DIV+CSS布局,CSS布局是网页html通过div标签+css样式表代码开发制作的(html)网页的统称.div+css布局好处:便于维护制作div+css网页前思考布局:首先我们拿到一张网页美工图片我们将从上下.上中下.左右.上中(中包括左右)下布局框架来思考.(从大元素块到小元素块:从html上到下:从左至右) /*我们可以分析出我们DIV CSS布局重构此页面结构框架,我们可以看出是上.中.下结构,其中又包括了左右结构.由此我们就要写此页面