- 博客(6)
- 收藏
- 关注
原创 浮动的特点
4、如果浮动元素的前一个兄弟,没有浮动,则浮动的元素不会超过他前面没有浮动的元素。1、设置元素浮动之后,元素会脱离文档流,元素原来在文档流中的位置,就不会存在。当浮动元素遇到了文字,浮动的元素不会覆盖文字,而是文字会环绕在浮动元素的周围。2、设置元素浮动之后,元素会尽量的向左或者向右,向上进行移动,元素脱离文档流了,就不再区分块,行内,行内块,也就不具有以上的特点。当元素设置浮动以后,会完全脱离文档流,元素的一些特点也会发生改变。行内块元素 :兼具块元素,行内元素的特点。下面的元素就会上移,挤上去。...
2022-08-09 19:36:17
207
1
原创 浮动简介
1、设置元素浮动之后,元素会脱离文档流,元素原来在文档流中的位置,就不会存在。2、设置元素浮动之后,元素会尽量的向左或者向右,向上进行移动,如果设置元素浮动,元素脱离文档流后,就不会具有在文档流中的特点。none 默认值,元素正常显示,不浮动。而且默认情况下,不会脱离父元素的范围。right 元素向右浮动。下面的元素就会上移,挤上去。left 元素向左浮动。块元素在文档流 会独占一行 自上而下排列。设置float浮动特点。...
2022-08-08 19:55:45
80
原创 盒子模型2
margin跟padding一样,也有简写方法。我们可以使用margin属性来设置四个方向的外边距。margin 简写属性在一个声明中设置所有当前或者指定元素外边距属性。margin 属性可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。规则跟border-width一样,详请见上一篇笔记。padding-top 上内边距。内边距(padding)指的是内容区和边框之间的距离。padding-bottom 下内边距。4个 3个 2个 1个。内边距(padding)...
2022-08-04 20:39:35
80
原创 盒子模型你了解吗?
盒模型又称盒模型、盒子模型、框模型(box model),其由内容区(content)边框属于盒子边缘,边框里面属于盒子内部,出了边框都是盒子的外部。边框(border) 内边距(padding) 外边距(margin).(3)、border-xxx-width 特指。* 影响盒子大小的元素:内容区,边框,内边距 ,外边距不影响盒子的大小。border-bottom:颜色,大小,样式;border-right:颜色,大小,样式;dotted 点状虚线。border-left:颜色,大小,样式;...
2022-08-03 19:59:26
640
原创 文本样式你知道多少?
1、设置元素垂直对齐的方式 ,这种功能,只针对图片,文字,表格,不针对块元素。vertical-align样式,设置一个非baseline的样式值。2: text-decoration [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰。第一个参数:阴影的水平位移距离 (必填) 正值向右,负值向左。第一个参数:阴影的垂直位移距离 (必填) 正值向下,负值向上。8: text-overflow 文本溢出包含元素时发生的事情。9: vertical-align 设置元素垂直对齐的方式。...
2022-08-02 20:25:23
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人