资讯专栏INFORMATION COLUMN

网页布局基础-imooc

Lucky_Boy / 1368人阅读

摘要:第章自动居中一列布局相关知识点讲解标准文档流块级及行级元素等标准标准,由万维网联盟制定的一系列标准,包括结构化标准和表现标准语言行为标准语言和倡导结构样式行为分离。中的定位机制种的定位机制标准文档流浮动绝对定位。

第1章 课程简介 1-1 课程简介

网页布局:网页制作的基础

流式布局

浮动布局

绝对定位布局
与三种布局相关的知识点:标准文档流,盒子模型,float属性,position属性

三个案例:

自动居中一列布局案例[盒子模型的使用方法]

浮动布局案例[float属性;解决浮动影响的方法]

绝对定位布局案例[绝对定位实现横向两列或多列布局]

CSS 规定的定位机制有三种,分别是标准文档流浮动绝对定位

第2章 自动居中一列布局 2-1 相关知识点讲解——标准文档流、块级及行级元素等 W3C标准

w3c标准,由万维网联盟制定的一系列标准,包括:结构化标准(html和xml)、表现标准语言(css)、行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离。

CSS中的定位机制

3种的定位机制:

标准文档流

浮动

绝对定位。

标准文档流

块级元素

行级元素

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115051.html

相关文章

  • 如何用CSS进行网页布局-imooc-【更新完毕】

    摘要:中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。而对于使用脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。 第一章 内容简介 1-1 内容简介 showImg(https://segmentfault.com/img/bVsT8U); 网页可以自适应宽度网页的长度理论上可以无限延长 页面为: 头部 主体部分 底部...

    姘搁『 评论0 收藏0
  • 前端

    摘要:建议阅读博客前端工程基础篇链接书籍深入浅出链接服务器端的是在年正式提出并开源的,传统的都运行在浏览器这样的宿主环境中,而基于谷歌浏览器的引擎构建的运行环境,使用了一个事件驱动非阻塞式的模型,将带入服务器领域。 1.网页布局HTML+CSS 技能要求 学会用工具(如PS)切图,将设计稿还原成网页布局 掌握常规布局方法:文档流布局,flex布局,grid布局,居中,浮动…… HTML5...

    187J3X1 评论0 收藏0
  • 前端

    摘要:建议阅读博客前端工程基础篇链接书籍深入浅出链接服务器端的是在年正式提出并开源的,传统的都运行在浏览器这样的宿主环境中,而基于谷歌浏览器的引擎构建的运行环境,使用了一个事件驱动非阻塞式的模型,将带入服务器领域。 1.网页布局HTML+CSS 技能要求 学会用工具(如PS)切图,将设计稿还原成网页布局 掌握常规布局方法:文档流布局,flex布局,grid布局,居中,浮动…… HTML5...

    Drinkey 评论0 收藏0
  • 前端

    摘要:建议阅读博客前端工程基础篇链接书籍深入浅出链接服务器端的是在年正式提出并开源的,传统的都运行在浏览器这样的宿主环境中,而基于谷歌浏览器的引擎构建的运行环境,使用了一个事件驱动非阻塞式的模型,将带入服务器领域。 1.网页布局HTML+CSS 技能要求 学会用工具(如PS)切图,将设计稿还原成网页布局 掌握常规布局方法:文档流布局,flex布局,grid布局,居中,浮动…… HTML5...

    LittleLiByte 评论0 收藏0
  • HTML+CSS基础课程-imooc-【更新完毕】

    摘要:包含后代选择器包含选择器,即加入空格用于选择指定标签元素下的后辈元素。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过进行选择。 6-1 认识CSS样式 CSS全称为层叠样式表 (Cascading Style Sheets),它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式,可...

    Heier 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<