• 三种列表以及行级块三种元素的转变


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

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

    无序列表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。

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

  • 相关阅读:
    SSRF绕过
    xxe注入指南
    iis漏洞汇总
    apache漏洞汇总
    关于ElementUI Image 组件闪烁问题解决方案
    好用的“密码本”
    网盘
    [Android]从Helloworld开始,继续前进
    解决 ASP.NET Core 部署到 IIS,更新项目时"文件夹正在使用"错误
    SpringWeb注解 —— @RestControllerAdvice
  • 原文地址:https://www.cnblogs.com/wkxdd/p/9643031.html
Copyright © 2020-2023  润新知