- 博客(5)
- 收藏
- 关注
RSS订阅原创 拓展2-父盒子内,实现子盒子水平、垂直居中
子元素 margin: 0 auto;=== 实现水平居中子元素 margin-top: calc((父元素的高度 - 子元素的高度) / 2);=== 实现垂直居中但是 会出现外边距的传递问题=== 父元素 /* border: 1px solid black;*/ 或 overflow: hidden;
2023-05-18 18:49:55
243
原创 拓展01-高度塌陷
clear:both;content:"";若只有一个元素时, 需给此元素后面添加 一个空的块级元素。再给新添加的空块级元素添加clear:both;父元素没有固定高，子元素添加浮动后,父元素高度有变化.下方元素添加清除浮动 clear: both;
2023-05-18 11:29:25
32
原创 03-CSS 背景属性
contain,表示填充,图片等比缩放,将一侧填充满后,停止缩放,会导致一侧出现留白。--- 需要注意的是 多张背景图的先后顺序，先写的在最上方显示！3)方向词 --- X left right center。把背景图像扩展至足够大，以使背景图像完全覆盖背景区域（宽高等比扩展）padding-box 背景图像填充框的相对位置（默认值）content-box 背景图像的相对位置的内容框。2)百分数 --- 表示剩余空间得百分比。border-box 背景图像边界框的相对位置。
2023-05-16 09:25:08
91
原创 02-CSS 字体、文本属性
1、颜色值：颜色名称、RGB数值、十六进制数值颜色名称：black === 黑色、white === 亮白、red === 大红 ......RGB数值：rgb(0~255, 0~255, 0~255)RGBA数值：rgba(0~255, 0~255, 0~255,[0.0 ~ 1.0]) Alpha 透明度十六进制数值：#000000、#ffffff0、1、2、3、4、5、6、7、8、9和字母A、B、C、D、E、F（a、b、c、d、e、f）表示，其中:A~F表示10~15。
2023-05-15 20:49:10
104
1
原创 01-CSS基础选择器与CSS3新增选择器
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。
2023-05-15 15:57:32
66
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人