投稿
  • 动态
  • 文章
  • 视频
  • 音乐
  • 帖子
  • 注册
    • 查看作者
    • 关于html的重点总结

      HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种

      使用display属性能够将三者任意转换

      块状元素自动换行

      转换方法

      (1)display:inline;转换为行内元素

      (2)display:block;转换为块状元素

      (3)display:inline-block;转换为行内块状元素

      行内元素

      (一).相关概念

      行内元素最常使用的就是span,其他的只在特定功能下使用,修饰字体<b>和<i>标签,还有<sub>和<sup>这两个标签可以直接做出平方的效果,而不需要类似移动属性的帮助,很实用。

      (二).特征

      (1)设置宽高无效

      (2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间

      (3)不会自动进行换行

      ————————————————

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="UTF-8">
          <title>行内元素</title>
          <style>
              /*行内元素特征:
              1.设置宽高无效
              2.对margin仅有左右方向有效,上下方向无效
              3.padding上下左右皆有效,即会撑大空间
              4.不会自动换行*/
               span{
                   margin: 50px 50px;
                   width: 120px;
                   height: 120px;
                   padding: 100px 50px 100px 200px;
                   background: lightblue;
               }
          </style>
      </head>
      <body>
          <span>不会自动换行</span>
          <span>行内元素</span>
      </body>
      </html>

    • 0
    • 0
    • 0
    • 92
    • 请登录之后再进行评论

      登录
    • 单栏布局 侧栏位置: