李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例

今天是2017年3月23日

1 复习昨天知识

1.1浮动

  Float:left | right

  特点:

  ->浮动的元素不占位置(脱标)

  ->可以将行内元素转化为行内块元素

  ->块级元素在一行上显示

  ->设置了浮动的元素,影响其后面的元素

  作用:

  解决了文字图片环绕问题

  制作网页导航栏

  网页布局

  清除浮动

    清除浮动的影响

   

1.2定位

  静态定位(static)

  绝对定位(absolute)看脸型

    绝对定位绝对脱标(不占位置)

    行内元素转化为行内块元素

    如果父盒子没有设置定位,以浏览器左上角为基准设置定位

    如果父盒子设置定位,以父容器左上角为基准设置定位

    

相对定位(relative)自恋型

  看自己的位置设置定位

  相对定位没有脱标,占位置

  子绝父相

时间: 2024-08-07 11:14:12

李洪强和你一起学习前端之(7)定位盒子 css可见性 滑动门案例的相关文章

李洪强和你一起学习前端之(2)表格、表单、标签语义化

大家早上好!新的一天开始了,学如逆水行舟,不进则退,一起加油吧! 在学习的过程中有任何问题想与我交流的,加我QQ: 990625403 好了,让我们开始今天的学习吧! 温故而知新 1 复习昨天的知识 1.1 单标签 <!--文本内容--> 注释标签  Ctrl +/ <br> 换行标签 <hr> 横线标签 1.2 双标签 <p></p> 段落标签 <hn></hn> n的取值是1-6  标题标签 <font size

李洪强和你一起学习前端之(7)复习

复习: 1.1行高 行高可以继承 1.2行高单位 给单独的盒子设置: Px 跟文字大小没有关系 em 行高和字体大小相乘 % 不带单位 给父盒子设置: px 先计算再继承 2em 先计算再继承 % 影响盒子大小: Padding  边框 1.3.2 Padding 取值: 上右下左 1.3.3 Margin 塌陷 给父盒子设置border 给父盒子设置overflow 案例一: 实现效果:  代码: p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20

李洪强和你一起学习前端之(6)浮动 布局 定位

亲爱的,美好的一天开始了,今天是2017年3月22日,时间真快,三月马上就要结束了, 希望我们不负大好时光,活到老,学到老,吃得苦中苦,方为人上人! CSS基础 1 复习昨天知识 1.1行高 行高可以继承 1.2行高单位 单独的盒子设置: Px  em  % 不带单位 给父盒子设置: Px   2em   % 不带单位 1.3盒模型组成 1.3.1 Border ->border-width ->border-style ->border-color ->Border: borde

李洪强iOS经典面试题

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 17.0px "Helvetica Neue"; color: #333333; min-height: 20.0px } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 17.0px "Helvetica Neue"; color: #333333; background-color: #ffffff } p.p3 { margi

李洪强iOS开发之iOS社区收集

李洪强iOS开发之iOS社区收集 项目 简述 github 全球最大的代码仓库,无论是iOS开发还是Android开发没有人不知道这个网站,它也是一个社区,你可以去follow(关注)某些人或公司. cocoachina 号称全球最热的苹果开发社区,这里有很多关于iOS,mac开发的相关文章,值得收藏的中午社区 Swift 语言指南 这份指南汇集了Swift语言主流学习资源,并以开发者的视角整理编排,虽然看上去只是一篇博文,但是作者每周都在更新,从这个角度来说,我把它归类到社区中. swiftk

李洪强iOS开发之iOS学习方法收集

李洪强iOS开发之iOS学习方法收集 在这里收集一些iOS学习方法,会不断更新 项目 简述 日期 一年多iOS开发总结 作者总结了自己一年多的iOS学习经验,对于iOS初学者来说很多地方是可以借鉴的 2015.01.07 iOS面试基础知识36题 作者收集了iOS基础比较常见的面试题 2015.04.01

李洪强iOS开发之iOS好文章收集

李洪强iOS开发之iOS好文章收集 该文收集朋友们转发或自己的写的技术文章,如果你也有相关的好文章,欢迎留言,当好文章多的时候,我会对这些好文章进行分门别类 文章 简述 日期 直播服务配置 使用 nginx 和 rtmp 插件搭建视频直播和点播服务器 2015-05-12 20:13:00 iOS9适配技巧 图iOS9适配新技巧 2015-09-29 09:01 TextKit分页效果 图文混排 2015年6月1日 iPhone 6 / 6 Plus 设计·适配方案 屏幕适配 2014-11-2

李洪强漫谈iOS开发[C语言-043]-判断较早日期

李洪强漫谈iOS开发[C语言-043]-判断较早日期

李洪强漫谈iOS开发[C语言-041]-计算月份天数

李洪强漫谈iOS开发[C语言-041]-计算月份天数