HTML，css基础12

最新推荐文章于 2024-05-17 11:15:23 发布

止语c

最新推荐文章于 2024-05-17 11:15:23 发布

阅读量52

点赞数

分类专栏： HTML和CSS学习之路文章标签： css

本文链接：https://blog.csdn.net/weixin_53333752/article/details/128400444

版权

HTML和CSS学习之路专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <!-- 
        轮廓，阴影，圆角
            outline用来设置元素的轮廓线，用法和border一样，但轮廓不会影响布局

            box-shadow用来设置元素的阴影效果，阴影不会影响布局
            第一个值 水平偏移量 正值向右移动，负值向左移动
            第二个值 垂直偏移量 正值向下移动，负值向上移动
            第三个值 阴影的模糊半径
            第四个值 阴影的颜色
            border-radius用来设置圆角，值为元素的圆角半径
     -->
     <!-- 
      浮动
            float使元素向其父元素的左侧或右侧移动
            可选值：
                  none，元素不浮动
                  left：元素向左浮动
                  right：元素向右浮动
                  元素设置浮动之后，水平布局的等式便不需要强制成立，会完全从文档流中脱离，不再占用文档流中的位置
                  元素下面还在文档流中的元素会自动向上移动
                  如果浮动元素的上面是一个没有浮动的块元素，则浮动元素无法上移
                  浮动元素无法超过上方的浮动元素
                  可以通过浮动制作水平方向上的布局
          脱离文档流后的特点
                块元素不再独占页面第一行，宽度和高度默认都被内容撑开
                行内元素脱离文档流之后会变成块元素，特点和块元素一样
              脱离文档流之后，不需要再区分行内元素和块元素

      -->
  </body>
</html>