php学习之div和css标准化布局

1.div+css布局

说明:在网页开发中,需要对页面内容进行“模块化标准布局”,把内容放入到某个位置,让页面形成固定规律展示出来

模块化:在网页中所有的内容都是以块来展示的

标准化:在开发网站时是有一定的标准的,w3c标准

好处:为了把html页面和css代码进行分离,在以后的维护时和合作开发、有利于搜索引导的抓取

2.无意义div和span

说明:在html标记中一般都是有自带名称。如h1标题,a超链接

只有div和span是没有意义的,所以布局就使用div和span,div一般给大块的内容布局,span是给行内的内容布局

块:不管内容多少,都只会占一行,可以改变大小但是还是独占一行

行内元素:内容多少占多少

3.块元素和行内元素的转换

属性名 描述 属性值

display 块元素和行内元素的转换 Block(块)、inline(行内)、inline-block(行内块)

dispaly 显示和隐藏 None(隐藏)、block(显示)

案例:

未经允许不得转载:吾爱乐享 » php学习之div+css标准化布局(一)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180904A1WYZ600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券