美文网首页
盒子的简单应用

盒子的简单应用

作者: 糖炒栗子_01c5 | 来源:发表于2018-07-09 17:21 被阅读0次

内边距就是内边距到边框的距离。

padding :上 右 下 左    四边分别设置  

padding:上 右 下   上下两边不同 左右 相同

padding : 上 右 上下相同 左右相同

外边距 就是盒子的最外层到边框之间的距离  

外边距可以单独设置 也可以自动设置 

margin:**px 

mrgin: 0  auto 

外边距的重叠 每一个box的位置都是可以重叠的但是这并不意味着它不存在而是被覆盖了

浏览器默认向右对齐,每一个块都一次向下排列

内联元素不能设置宽和高 

在浏览器中屏幕放不下所有内容时,会自动放到下一行

•我们可以通过修改display来修改元素的性 质。

•可选值:

–block:设置元素为块元素

–inline:设置元素为行内元素

–inline-block:设置元素为行内块元素

–none:隐藏元素(元素将在页面中完全消失)

•可以通过overflow来控制内容溢出的情况。

•可选值:

–visible:默认值

–scroll:添加滚动条

–auto:根据需要添加滚动条

–hidden:隐藏超出盒子的内容

•文档流指的是文档中可现实的对象在排列时所占用的位置。

•将窗体自上而下分成一行行,并在每行中按从左至右的顺序排放元素,即为文档流。

•所谓浮动指的是使元素脱离原来的文本流,在父元素中浮动起来。

•浮动使用float属性。

文字绕图就是在盒子中添加文字 

内联元素

•可选值:

–none:不浮动

–left:向左浮动

–right:向右浮动

然后现在我们可以做一个简单的网页布局;

作业:

相关文章

  • 盒子的简单应用

    内边距就是内边距到边框的距离。 padding :上 右 下 左 四边分别设置 padding:上 右 下 上下...

  • 2019-05-05

    基于CSS盒子模型及其CSS定位详解 CSS盒子模型 效果显示 盒子模型的简单应用 效果显示: CSS定位 效果显示

  • 创维盒子A9如何安装蜜蜂市场

    盒子的TV应用市场应用也太少了吧,所以想在盒子上安装一个应用非常多的电视应用市场,看到盒子可以使用U盘安装方法,所...

  • 创维盒子A11如何安装蜜蜂市场

    盒子拆开后连接好电视,发现盒子的应用比较少。所以就想在盒子上安装第三方的应用市场,盒子提供了可以连接优盘的USB口...

  • 创维盒子M300如何安装蜜蜂市场

    盒子连上电视调节电视显示了盒子的对应界面以后,发现盒子上的应用非常少。然后想在这个盒子里安装一个TV端的应用市场蜜...

  • 创维盒子A6如何安装蜜蜂市场

    将盒子连接电视以后,调节电视信源显示盒子的界面。由于盒子本身的应用非常少,所以需要在盒子上安装第三方的应用市场,以...

  • 创维盒子A11如何安装蜜蜂视频

    使用优盘为盒子安装应用软件,是盒子安装第三方软件的最简单的方法,但不是唯一的方法。不过在使用安装方法之前,需先去网...

  • 创维盒子A5 Plus如何安装蜜蜂市场

    科技型的线条在盒子的背面,和方正型的盒子拿在手里非常有感觉。但是这个盒子应用市场的应用确实比较少,现在比较常用的应...

  • 海美迪嗨Q M3盒子如何安装蜜蜂视频

    盒子开始使用以后需要在盒子里面安装更多的应用来满足收视的需求,安装之前要先去设置盒子允许安装第三方未知来源的应用,...

  • 创维盒子I71C如何安装蜜蜂市场

    盒子是安卓系统,并且盒子留下了USB接口。盒子本身的应用商店应用非常少,根本不能满足需求,所以需要安装第三方的TV...

网友评论

      本文标题:盒子的简单应用

      本文链接:https://www.haomeiwen.com/subject/lertpftx.html