- 博客(20)
- 收藏
- 关注
原创 flex布局课
主轴,交叉轴,主轴的开始,主轴的结束,交叉轴的开始,交叉轴的结束。--flex布局:弹性布局,给盒子提供了大量的灵活性。5.space-aeound:环绕对齐,拉手对齐。4.space-beweent:在交叉轴上两端对齐。3.center:沿主轴的中线对齐(居中对齐)1.flex-stour:沿交叉轴的开始位置对齐。5.space-aeound:在交叉轴上环绕对齐。2.flex-end:从主轴的结束位置对齐。4.space-between:两端对齐。2.flex-and.沿交叉轴结束位置对齐。
2025-06-16 11:55:32
414
原创 正方体盒子模型
后</div><div class="box3">左</div><div class="box4">右</div><div class="box5">上</div><div class="box6">下盲盒
2025-06-12 15:40:09
410
原创 浮动的特征元素
1.额外标签法:也叫为隔墙法,给浮动的盒子前后添加兄弟元素,在兄弟元素上设置clear:both;浮动float:左浮动left和右浮动right,能让块级元素在一行内显示。.clearfix:after{/*ofter伪元素:在....后面*//* 给四个div盒子设置200*400大小,1像素红色实线边框 *//*浮动的盒子会导致标签托标(脱离标准流)。/*清除两端浮动*//*c传统的网页布局:标准流+浮动+定位。/*浮动:right右 左*//* 文字水平居中 *//* 文字垂直居中 */
2025-04-21 11:59:16
554
原创 盒子模型
* 1.相领盒子垂直外边距合并:相领盒子都给外边距的情况下,最终只缺最大的外边距的值,/* 1.相领盒子垂直外边距合并:相领盒子都给外边距的情况下,最终只缺最大的外边距的值,overflow: hidden;/* 超出部分吟唱用于解决外边距塌陷问题*/overflow: hidden;/* 超出部分吟唱用于解决外边距塌陷问题*/解决:一般只给一个盒子设置外边距,解决:一般只给一个盒子设置外边距,
2025-04-07 11:59:58
426
原创 盒子模型
*边框boder:粗线 线条样式(solid实线)(点线dotted,虚线dashed)*/padding:10px 20px 30px 40px;/*顺时针:上 右 下 左*/padding:10px 20px 30px;/*上 左右 下*//*top上 border下 lefe左 right右*/padding:10px 20px;/*注意:标准的盒子模型使用填充会撑大盒子*//*padding:填充,内容边框的距离*//*盒子模型:内容content,边框*/
2025-04-03 15:31:52
251
原创 css选择器
css选择器不及汪伦送我情</p><p clss="wyz">这是一首送别诗</p>选择器{选择器:标签选择器,<li>特别的人-方大同</li><h3 id="ldn">赠汪伦<h3><li>苹果香-文涛</li><p>桃花糖水深千迟
2025-03-27 15:36:25
452
原创 【表单标签标题2025/3/25】
爱学习</span><input tyue="radio"name="sex"/><span>第三性别</span><input type="radio"namw="sf"/><span>学生</span><input type="radio"name="sex"/><span>男</span><input type="radio"name="sex"/><span>女贵州省
2025-03-20 15:29:10
372
原创 文本格式化标签
使文本以强调或突出方式显示,通常以斜体显示将文本显示比正常字体小用于将文本缩小后显示于上方用于将文本缩小后显示于下方将文本显示比正常字体大为文本添加下滑线为文本添加删除线将文本显示为斜体将文本显示粗体
2025-03-17 19:49:36
158
原创 表格标题
蔡老师</td><td>小程序</td><th>使用项目</th><th>使用应用</th><td>文本标签</td><th>使用人</th><td>小程序</td>--th:table hend,表头-->--table doto,数据单元格--><th>序号</th><th>日期</th><td>蔡源表格标签
2025-03-13 15:41:20
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅