springovo - 博客园

倒计时刷新面

摘要：一、CSS 知识点（精简）背景图设置 background-image：引入背景图片 background-repeat: repeat-x：图片只水平平铺 background-position: left bottom：背景贴左下角 background-attachment: fixed：页阅读全文

posted @ 2026-06-28 22:00 springovo 阅读(16) 评论(0) 推荐(0)

图片轮播

摘要：精简知识点总结 CSS 部分 margin:0 auto：固定宽块级元素水平居中 float:left：li 横向浮动并排 list-style-type:none：清除列表默认小圆点 text-decoration:none：去掉 a 标签下划线 display:inline-block：a 标签阅读全文

posted @ 2026-06-28 21:19 springovo 阅读(5) 评论(0) 推荐(0)

偏移

摘要： 1.类选择器 div.img：选中 class=img 的 div 2.img:nth-child(1)：选中第一个 img 子元素 3.transform 位移（transform 属于视觉偏移，不改变元素原本文档流占位，不会挤开其他盒子。） translateX(50px)：水平右移 50px 阅读全文

posted @ 2026-06-28 21:13 springovo 阅读(4) 评论(0) 推荐(0)

div布局

摘要： *{margin: 0;padding: 0;} body{ color: #ffff; font-size: 72px; font-family: "微软雅黑"; } .parent{ margin-top:0 auto ; width: 1000px; height: 600px; backgr 阅读全文

posted @ 2026-06-28 21:08 springovo 阅读(5) 评论(0) 推荐(0)

边框划分区域

摘要： *{margin: o;padding: 0;box-sizing: border-box;} .main{ margin: 0 auto; width: 800px; height: 400px; border: 5px solid red ; } .bettwen{ height: 100px; 阅读全文

posted @ 2026-06-28 21:01 springovo 阅读(3) 评论(0) 推荐(0)

相对定位与绝对定位

摘要：相对定位与绝对定位 relative（父级）参照物：自己原来的位置不脱离文档流：原来占的位置还在，别人不会挤过来用 top / left / right / bottom 偏移，只相对于自己原本位置移动 absolute 参照物：最近一个有定位（非 static）的父元素完全脱离文档流：原来阅读全文

posted @ 2026-06-28 20:55 springovo 阅读(3) 评论(0) 推荐(0)

flex属性

摘要：弹性布局：弹性布局（Flex布局）是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，并在其中使用灵活的盒子模型来进行元素的排列和定位。特点：主轴和交叉轴，结构为container和items 属性： justify-content justify-conte 阅读全文

posted @ 2026-06-27 13:41 springovo 阅读(6) 评论(0) 推荐(0)

有序和无序列表-表格-表单

摘要：有序和无序列表有序无序 css: 改变列表前面的符号 .two{ list-style-type: circle; } .three{ list-style-type:square ; } HTML <ul class="two"> <li>香蕉</li> <li>苹果</li> </ul> < 阅读全文

posted @ 2026-06-27 13:41 springovo 阅读(3) 评论(0) 推荐(0)

边框划分区域

摘要： *{margin: o; padding: 0; box-sizing: border-box;} .main{ margin: 0 auto; width: 800px; height: 400px; border: 5px solid red ; } *：选中页面里所有元素。 margin:0; 阅读全文

posted @ 2026-05-08 09:31 springovo 阅读(7) 评论(0) 推荐(0)

网页编辑

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .top{ margin:0 auto; width: 1200px; height: 24px 阅读全文

posted @ 2026-04-24 08:19 springovo 阅读(17) 评论(0) 推荐(0)

导航

2026年6月28日

2026年6月27日

2026年5月8日

2026年4月24日