`

DIV+CSS学习开发心得(原创)

阅读更多

清明节前段时间学习了div+css的页面制作方法,感觉还比较容易上手,比起以前用table来规划网站方便多了而已规整多了

以下给出开发过程中的点点心得,还有附上本人开发截图

首先,开发之前肯定要写个总体的框架图啦

第二,我们看到有些网站页面上规划的很好看,而且想一个个框一样一框一栏目,框和框之间有点缝隙

怎样实现呢?其实很简单,只需要在表示框的css属性里面加上margin属性就完事了,大框小筐是一样的道理。

最后,那就是板块的顺序问题了,怎样决定是从作开始排版呢还是右边开始呢。只需要在表示要排版的css属性里面加上float属性和clear就可以了,比方术float属性是right那么就是从右边开始排版,此时相应的clear属性就是left了

 

 

 

 

分享到:
评论

相关推荐

    html+div+css+js学习.zip

    html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习...

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格

    div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格 百分比表格(用DIV+CSS)以百分比显示,可以根据窗口的大小自动调节所显示的大小! DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格...

    经典DIV+CSS模板 经典DIV+CSS模板

    描述中的关键词如"div+css"、"web标准"、"div+css布局"、"div+css实例"、"div+css模板"揭示了这些模板遵循Web开发的最佳实践,旨在实现结构与表现的分离,提高网页的可维护性和可访问性。Web标准通常指的是W3C制定的...

    Table转div+css工具

    总之,“Table转div+css工具”是现代Web开发中的一款实用辅助工具,它能够帮助开发者迅速更新老式的Table布局,使其符合当前Web标准,提升用户体验和网站性能。随着网页技术的不断发展,掌握这样的工具和相关知识...

    简单设计DIV+CSS模板

    通过学习和实践,我们可以利用Div+CSS构建高效、美观且易于维护的网页,为用户提供更优质的浏览体验。无论你是初学者还是有经验的开发者,理解和掌握Div+CSS都将对你的网页设计事业产生深远影响。

    DIV+CSS学习文档

    【DIV+CSS学习文档】 网页设计与开发领域中,`DIV+CSS`是一种常见的布局技术,它极大地提升了网页的可维护性和效率。本学习文档旨在深入解析`DIV+CSS`的核心概念,帮助初学者理解并掌握这一技术。 一、什么是DIV?...

    div+css手册

    《div+css手册》是一本深入探讨网页布局技术的重要参考资料,尤其对于网页设计者和前端开发者来说,它具有极高的学习价值。这个手册的核心聚焦在HTML中的`div`元素和CSS(层叠样式表)的结合使用上,旨在帮助读者...

    DIV+CSS网页制作对搜索引擎优化的优势分析整理.pdf

    DIV+CSS网页制作对搜索引擎优化的优势分析整理 DIV+CSS网页制作技术的优势在于其符合W3C国际标准,能够将表现与内容分离,提高搜索引擎对网页的索引效率,提高页面浏览速度,易于维护和改版。同时,DIV+CSS网页...

    div+CSS购物网站模板

    这些模板可以作为初学者学习和模仿的对象,通过分析和修改它们,可以加深对Div+CSS的理解,提升网页设计技能。同时,也可以借鉴模板中的优秀实践,如高效的布局技巧、响应式设计策略等,为自己的项目提供灵感。 ...

    table布局网页转换为div+CSS布局的转换软件

    总的来说,`table`到`div+CSS`的转换软件是网页开发过程中的一种实用工具,它帮助开发者更快地适应Web标准,提升网站的性能和可维护性。不过,理解和掌握`div+CSS`布局原理仍然是每个前端开发者的必备技能。

    div+css布局大全

    "div+css布局大全"的主题聚焦于Web前端开发中的基础但至关重要的部分,即如何利用HTML的div元素和CSS来构建灵活、响应式的网页布局。这个主题不仅关乎网页的美观,更关乎其功能性和可维护性。下面,我们将深入探讨...

    韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记

    通过学习 DIV+CSS,我们可以了解到它们是如何在网页设计中发挥作用的。 DIV 元素 DIV 元素是 HTML 文档中用来提供结构和背景的元素。它可以用来存放内容(文字、图片等其他元素)的容器(元素)。 DIV 元素是网页...

    DIV+CSS简单登录界面模板

    在网页设计领域,`DIV+CSS`是一种广泛使用的布局技术,它通过定义不同的`Div`(Division,分块)元素并应用相应的`CSS`(Cascading Style Sheets,层叠样式表)样式来构建页面结构和外观。标题提到的“DIV+CSS简单...

    整站模板DIV+CSS 源码DIV+CSS 

    【描述】"DIV+CSS 源码"进一步强调了这个主题,意味着我们将深入到实际的代码层面,了解如何通过Div元素配合CSS实现网页的布局、样式控制以及功能实现。Div常用于定义网页上的不同区域,而CSS则用于定义这些区域的...

    两天驾驭DIV+CSS.pdf

    基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的叫法是不准确的 标准叫法是xHTML+CSS 知识二两大误区 误区一用了Table就不标准。误区二DIV标签越多越好 Table是为了存储数据DIV是为了架设...

    div+css布局制作箭头步骤流程样式 - div+css教程

    在网页设计领域,`div+css`是一种常用的技术,用于实现页面布局和样式控制。`div`元素作为容器,能够包裹其他HTML元素,而CSS(层叠样式表)则负责定义这些元素的外观和位置。在本教程中,我们将深入探讨如何使用`...

    DIV+CSS学习资料(一)

    标题 "DIV+CSS学习资料(一)" 暗示了这是一个关于网页设计中使用HTML的DIV元素和CSS样式表的初级学习资源集合。在这个压缩包中,我们有四个文件,都是围绕着这个主题,旨在帮助初学者掌握基础的DIV+CSS布局技巧。 ...

    DIV+CSS网站布局从入门到精通源代码

    DIV+CSS网站布局从入门到精通 源代码 朱印宏 邓艳超 编著 北京希望电子出版社 2011年1月 本教程介绍了商业类型的网页设计,以及目前流行的DIV+CSS标准布局方法和实战技法。通过对十个经典案例进行分析,分别从不同...

    DIV+CSS.rar_DIV_css+div_div+css_html+div+css_web前端

    这个压缩包中的内容旨在帮助初学者掌握 `div+css` 的基本概念和实践应用,对web前端开发有显著的辅助作用。 【描述】提到的"css+div 的入门教程",暗示了该资源可能包含一系列关于如何使用 `div` 元素配合 `CSS` ...

Global site tag (gtag.js) - Google Analytics