前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php学习之div+css标准化布局(一)

php学习之div+css标准化布局(一)

作者头像
吾爱乐享
发布2018-07-12 16:58:19
8050
发布2018-07-12 16:58:19
举报
文章被收录于专栏:吾爱乐享

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(显示)

案例:

您暂时无权访问此隐藏内容!

内容查看

查看价格:1 分享币

您需要先 登录后,才能购买查看隐藏内容!

郑重声明: 本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,切勿用于商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。 如无法链接失效或侵犯版权,请给我们来信:admin@fenxiangbe.com

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-05-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.div+css布局
  • 2.无意义div和span
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档