image.png
outline的用法和border的用法类似
image.png
二者的区别：border会影响可见框的大小，而outline不会影响可见框的大小
image.png
第一个值：水平偏移量，设置阴影的水平位置 正值向右移动，负值向左移动。
第二个值：垂直偏移量，设置阴影的垂直位置 正值向下移动，负值向上移动。
第三个值：阴影的模糊半径（模糊程度）。
第四个值：阴影的颜色。
image.png
image.png
image.png
Tips：改变浮动的顺序只能改变html中的顺序
1.浮动就是脱离了文档流，所以浮动的特点也就是元素脱离文档流的特点。
image.png
2.浮动元素不会盖住文字，文字会自动环绕在元素的周围，所以我们可以利用浮动设置文字环绕图片的效果
盒子大小（box-sizing属性） 轮廓（outline） outline的用法和border的用法类似 二者的...
A.今天学了什么 1 轮廓属性 2 透明 3 css样式的继承 4 盒子浮动 5 清除浮动 6 定位:positi...
避免别人浮动对我造成影响 清除浮动 清除影响大的一侧，（影响大指的是盒子的大小，盒子越大，影响越大） 也可以解决塌陷
左盒子左浮动, 右盒子margin-left=左盒子宽度 左盒子左浮动, 右盒子右浮动, 设置calc(100vw...
1.7小知识（浮动的盒子相互影响） 浮动的盒子千万不要让他超出父盒子。 超出父盒子的部分会影响下面盒子中的浮动的子...
㈠ 直接在浮动元素下加一个盒子，使盒子的宽高和浮动元素宽高相同即可。 ㈡ 可以给下边的盒子添加clear属...
让我们开始本系列的第二篇——阴影 阴影赋予画面真实感 首先我们来看一下阴影的两种分类：轮廓阴影和投射阴影。 轮廓阴...
css学习三大重点： css 盒子模型 、 浮动 、 定位 一、网页布局的本质 网页有许多大大小小的盒子组成，网页...
一.盒子阴影 二.盒子尺寸 1.盒子最大最小尺寸 该元素宽度，不论如何拉伸压缩，相对于浏览器始终保持80%的大小；...
盒子阴影 和 文本阴影区别;文本阴影只有三个值，盒子阴影有四个值； 文本阴影是什么。咱们先看看原图： 咱看一下...
本文标题：盒子大小、轮廓和阴影、浮动
本文链接：https://www.haomeiwen.com/subject/zhwohdtx.html
网友评论