zoukankan      html  css  js  c++  java
  • CSS零碎记录

    1、对元素浮动的理解(float)

                块状元素启用浮动属性,就被移出了默认的流队列,即使其父元素是块元素。

               如果元素不设置宽度和高度,则默认该元素的高宽为0,即使其中有子元素,子元素的高度是不能改变父元素的宽高属性,继承不会由下到上。如果子元素在这种情况下,选择浮动,则子元素被移出了父元素的显示队列之中,后续的父元素的兄弟节点就紧跟父元素,而不是在浮动的子元素之下,所以在这种情况下要定义父元素的高度。对象选择浮动就相当于是换了层,浮动了上层,如果有背景会覆盖掉父元素的兄弟节点。

               将对象设置为float和将对象设置成inline有什么区别?

                      如果将块元素设置了display:inline属性,则块元素不在具备宽高属性,只能有其元素包含的内容来体现他的宽度和高度,如果其中没有内容,宽高得不到体现。

               将对象设置为float和将对象设置为inline-block有什么区别?

                      如果将块元素设置为display:inline-block属性,块对象布局时不换行,但是一行之间的对象不能将宽度完全充满,inline-block属性本身使对象间具有一定像素的空间,充满会导致换行。

               如果将三个块元素使用float控制在同一行是否可行?

                       当然可行,float属性的设置是对象移出原来的流式排列,可以自由浮动。需要浮动的元素需要都设置float属性,可以是left或这right。如果需要浮动的元素中有一个没有设置float的left或者right属性,则其不换行,因为没有移出原始的流式排列和其他设置float属性的元素不在同一层中。一般表现为就是浮动元素换行排列。

    2、display:inline定义的对象是没有宽高属性的

    3、ul,ol: 不能设置背景色或背景图片,需要同时配置宽高,不然无效。

    4、如果父元素里面有两个子元素,一个子元素是块级元素,一个是浮动元素,则两个是元素在父元素中是两行排放,共同适应父元素的宽度,自适应高度。如果元素没有定义高度会根据内容自使用高度,定义了边框,边框则随之拉大。

    5、UL标签浏览器默认设置了padding

  • 相关阅读:
    中綴表達式求值的兩種方法
    两次bfs求树的直径的正确性
    感染linux脚本程序技术
    C# 动态代码执行
    中秋写了个狼吃羊的智力游戏
    做一个让人喜欢的人
    MySQL数据库安全配置指南
    用 VS 2005 生成 .NET 1.1 程序
    防止入侵和攻击的主要技术措施
    .NETZ 原理分析
  • 原文地址:https://www.cnblogs.com/hengwu/p/9009228.html
Copyright © 2011-2022 走看看