• CSS学习笔记(2)


    CSS框模型



    - element : 元素

    - padding : 内边距      不允许使用负值

    h1 {padding: 10px 0.25em 2ex 20%;}
         可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值


    - border : 边框。     希望边框出现,就必须声明一个边框样式。

    h1 {border- 20px;}

    忘记声明边框样式是一个常犯的错误。根据以下规则,所有 h1 元素都不会有任何边框,更不用说 20 像素宽了。设置边框样式,比如 solid 或 outset。border-style:
    a:link, a:visited {
      border-style: solid;
      border- 5px;
      border-color: transparent;     透明边框
      }



    - margin : 外边距     
    可以是负值,而且在很多情况下都要使用负值的外边距


    值复制


    h1 {margin: 0.25em 1em 0.5em;} /* 等价于 0.25em 1em 0.5em 1em */
    h2 {margin: 0.5em 1em;} /* 等价于 0.5em 1em 0.5em 1em */
    p {margin: 1px;} /* 等价于 1px 1px 1px 1px */

    外边距合并




    假设有一个空元素,它有外边距,但是没有边框、内边距。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并



    注释:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。

  • 相关阅读:
    全网最全微服务架构—Spring Cloud详解,没有比这更详细的了!
    基于 Spring Cloud 的微服务架构实践指南(上)
    如何在一分钟内搞定面试官?
    成功面试宝典Java
    Spring Boot 自动装配流程
    C语言浮点数
    C语言字符串
    C语言数据类型转换
    C语言结构体
    C语言格式化输出
  • 原文地址:https://www.cnblogs.com/kqZhu/p/6876168.html
Copyright © 2020-2023  润新知