zoukankan      html  css  js  c++  java
  • css平时写的时候注意的

    1.如果用absolute的时候一定要注意,bottom如果为)的话,一定要注意上一级的relative是否有height.

    2.chrome浏览器,我们需要注意的是width包含了padding,但是margin只是用棕黄色表示。所以我们布局div一定要看是否有padding,有的话,我们的width一定要减去。

    3.

    类似这种,h1,span span.

    h1设置背景。最后一个span可以右悬浮。左边的两个display:inline;

    4.**************************************

    4.

    这里我们通常,Img span p

    img左悬浮设置margin-right之类的,span放标签的几个字,然后会自动换横,然后p标签环绕。

    5. 当布局中有高度,特别宽度的时候,

    我们有时间默认可以不写宽度(靠里边的自由撑大)

    如果宽度和外边的一样,我们就写100%;

    如果这个div内部的悬浮,我们就只写宽度就行,不要管高度了。

    6.text-align: justify:文本两端都对齐。

    7.css选择器::nth-child()  第一个元素,first-child

    偶数,:nth-child(2n)

    奇数,nth-child(2n+1)

    last-child

    8.无论横内元素还是块元素,都有margin,padding之列的absolute之类的,他们区别只在width,height和是否自动换行。

    9.

    这里我们可以看到,想加一个border-bottom

    发现穿过左边的图片了,

    左边的图片是悬浮的,但是右边的div不能悬浮,因为此时的div没有设置宽度,而float又没有宽度,

    所以此时的div默认的是100%;

    如果我们给div设置宽度的话,就可以又悬浮了。

    11.  margin-top: 39px;margin:0 auto;

    这样子写,前面的那个top失效了。

     12. 

    这里我们看到子元素悬浮后,如果父div没有悬浮的话,高度为0,如果子元素也悬浮的话,那么父元素的高度就会撑起来。

    13. 以前老是以为float会占空间的,估计以前想错了。

    上面的img是float的,意味着外边的height为0。

    如果下边的没有float的话,就会覆盖上去。

  • 相关阅读:
    PHP新建文件并写入内容demo
    PHP输出结果demo
    网站顶部图标使用分析
    .htaccess文件的创建 / 联动天下空间伪静态(isapi_rewrite)配置方法
    【原创】网站底部竖线布局对比/研究
    JS判断访问设备终端PC/iPad/iPhone/android 和浏览器IE/Opera/Firefox/webKit
    我的blog风格
    2020.11.17 近日复健情况
    南风又起,锦字题予往昔(写给校刊《我们大多数》)
    【对拍大法好!!】
  • 原文地址:https://www.cnblogs.com/coding4/p/5491138.html
Copyright © 2011-2022 走看看