zoukankan      html  css  js  c++  java
  • 三种列表以及行级块三种元素的转变

    在讲列表之前先说一个刚学的选择器:通配符选择器“*”

        通配符选择器有好处也有坏处,好处就是能一次选中所有的标签,省事 。短处就是把不必要的标签也会选中,增加浏览器的负荷。最好的解决办法就是按需求选择。

    无序列表ul

      内部必须有子标签<li></li>

      ul天生自带内外边边距,还带一个P标签

    有序列表ol

      内部必须有子标签<li></li>

      天生自带内外边距

           ol和ul的区别就在于前边的符号不同

          有序列表改变前面的符号用标签属性type修改,无序列表在style里修改

    自定义列表:

        dl自定义列表  dt是小标题  dd是内容

    列表能作甚?

        做菜单 做二级导航

    margin和padding的探讨:

          margin:200px;设置一个值,说明上下左右都是200px

          margin:200px 100;设置两个值  上下都是200  左右是100

          margin:200px 50px 100px设置三个值,上是200px 左右是50px 下是100px

          margin:200px 50px 100px 50px设置四个值,顺时针顺序 上是200右是50 下是100 左是50

    margin的塌陷现象是什么?

      根据两个元素同时设置margin时。他们之间的外边距不会叠加,会去最大的。这种现象叫margin塌陷。

    行级块三种元素的转变:

      块级转行级:给行级元素添加属性display: inline;

      行级转块级:给块级元素添加属性display:block;

      行级块元素:给需要的元素添加属性diisplay:inlline-block。

     灵活运用这三种转变,会有很大的效果。

  • 相关阅读:
    最小化x11 debian
    chroot后 运行xeyes Error: Can't open display: :0.0
    std::bind1st和std::bind2nd
    bind1nd,not1,compose1等用法
    python中*和**的参数
    QT静态编译
    Qt中QEvent和信号槽的区别
    JSON文件内容加注释的几种方法
    C语言--#、##、__VA_ARGS__ 和##__VA_ARGS__ 的使用
    QT正则表达式
  • 原文地址:https://www.cnblogs.com/wkxdd/p/9643031.html
Copyright © 2011-2022 走看看