前端学习9-轮廓/阴影/圆角/浮动

                                                                                                                                                                                                                                                                                                         2022/2/3

轮廓:
outline:balck 11px solid;   //会遮住其他元素 不会影响布局
border:balck 11px solid;   //会顶开其他元素 会影响布局
阴影:
      box-shadow:15px 15px     20px       blue;
//距离父元素原点的  x   y    阴影模糊程度    颜色
圆角:
border-dadius:10px 10px 10px 10px;  //左上角顺时针 
border-dadius:30px/20px;
//    椭圆    :x/y

前端学习9-轮廓/阴影/圆角/浮动

float:left/right/none  none:默认值,不浮动

元素浮动后,
1.元素脱离文档流,不占据文档流的位置
2.浮动后不会从父元素中移出
3.元素向左/右移动是不会超过前面设置的浮动元素(有顺序)
4.块元素浮动后不会独占一行

元素浮动后,后面如果接上文字(包括其他标签内的文字),文字不会被覆盖,会有文字环绕效果

上一篇:3、前端--伪元素选择器、选择器优先级、字体、背景、边框、display、盒子模型


下一篇:Android App Components - Intents, Activities, and Broadcast Receivers