【牛腩】div+css模型

本文详细介绍了Div+CSS的定义,强调了其在网页设计中的重要性,包括代码简洁、扩展性强和可读性好等优点。通过实例解析了Div+CSS如何实现整体布局,并指出虽然存在浏览器兼容性问题,但仍是现代网页设计的标准。
摘要由CSDN通过智能技术生成

    牛腩学习了好长时间,但是对于一些东西感觉模模糊糊的不是很明白,一些知识很破碎,对于div+css的理解是在敲牛腩并且查阅资料的过程中逐渐去理解的。

一、div+css是什么(定义)

     DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,因为HTML网站设计标准中,不适用表格(table)定位技术,而是采用DIV+CSS的方式实现各种定位,使用HTML对网站进行标准化重构。用DIV盒模型结构给各部分内容划分到不同的区块,然后用CSS来定义盒模型的位置、大小、边框、内外边距、排列方式等。也就是说用div搭建网站框架,用css进行网站的具体属性大小、样式设计和美化。

     DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

    CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言。使用CSS将表现与内容分离,便于网站维护,简化Html页面代码,可以获得一个较优秀的网站结构便于日后维护、协同工作和搜索引擎蜘蛛抓取。

    当然不是所有的网页都需要用DIV布局,例如数据页面、报表之类的页面的时候还是会用Table,Web标准里并没有说要摒弃Table。所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会眼中影响代码的可阅读性。活用HTML为我们提供的标签吧。

二 、为什么要使用div+css

    我们知道进行网页设计的两种方法,一种是表格(table),一种是div+css,他们都是页面布局的方式,那么为什么我们要使用div+css的这种方式,它有什么好处呢?

1.代码简介

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值