2026年7月7日
无序列表和有序列表
摘要： 一 把无序列表的修饰符改成任意的样子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>把无序列表的修饰符改成任意的样子</title> <style type="text/css"> ul,li{ list-style-imag 阅读全文
posted @ 2026-07-07 08:55 碰一下猫猫头 阅读(12) 评论(0) 推荐(3)
09
摘要： width: 设置元素宽度 height:设置元素高度 padding: 内边距 盒子里面和内容的距离 margin:外边距 盒子和外面其他盒子的距离 -margin:0 auto; 盒子水平居中 overfiow:溢出内容处理 -overflow:hidden; 隐藏超出部分 font-size: 阅读全文
posted @ 2026-07-07 08:32 碰一下猫猫头 阅读(10) 评论(0) 推荐(3)
2026年6月21日
08
摘要： 分为单行省略、多行省略，核心依赖 overflow 、 text-overflow 、 white-space 组合。 单行文本省略（兼容性最优） 必备三属性，缺一不可 .box { width: 300px; /* 必须设置宽度 / white-space: nowrap; / 文本不换行 / o 阅读全文
posted @ 2026-06-21 14:41 碰一下猫猫头 阅读(10) 评论(0) 推荐(3)
07
摘要： CSS auto、float 与父级高度塌陷 一、float 浮动 作用与取值 float ：让元素脱离标准文档流，向左/向右浮动排列 常用值： float: left ：左浮动 float: right ：右浮动 float: none ：默认，不浮动 浮动特性 元素脱离普通流，不再占据原有文档流 阅读全文
posted @ 2026-06-21 14:39 碰一下猫猫头 阅读(7) 评论(0) 推荐(3)
2026年4月20日
笔记06
摘要： 一. DIV布局页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>DIV布局页面</title> <style type="text/css"> *{margin: 0;padding: 0;} </style> </hea 阅读全文
posted @ 2026-04-20 17:54 碰一下猫猫头 阅读(16) 评论(0) 推荐(4)
2026年4月6日
笔记04
摘要： 一. 超级链接 （1）.使用方法 ① 空链接 <a href="#">空链接</a> ② 网站同级内部跳转 <h1><a href="xx.html">信息工程学院</a></h1> 1.空链接 空链接 空链接的作用： 占位 页面还没做好、链接地址没确定，先用空链接占位置，保证样式正常 触发交互（最 阅读全文
posted @ 2026-04-06 21:11 碰一下猫猫头 阅读(18) 评论(0) 推荐(3)
2026年3月28日
笔记03
摘要： 一. 文本控制白板 DOCTYPE html html head meta charset="UTF-8" title>文本控制排版/title style text="text/css"> /style link rel="stylesheet" type="text/css" href="css 阅读全文
posted @ 2026-03-28 16:22 碰一下猫猫头 阅读(19) 评论(0) 推荐(4)
2026年3月21日
笔记1
摘要： 笔记 1.链接外部CSS的方法 <link rel="stylesheet" type="text/css" href="css/style.css"/> 2.链接外部脚本的方法 HTML基本结构： :整个骨架 <head></head>:网页头部，存放给游览器看的代码 <body></body>： 阅读全文
posted @ 2026-03-21 13:02 碰一下猫猫头 阅读(16) 评论(0) 推荐(6)
2026年3月10日
webclass1
摘要： 一.html css js 三者在页面中的作用 CSS 层叠样式表 Cascading Style sheet 美化页面的作用 如何把样式表链接到主文件里 ![屏幕截图 2026-03-10 093447](C:\Users\Lenovo\Desktop\屏幕截图 2026-03-10 093447 阅读全文
posted @ 2026-03-10 10:25 碰一下猫猫头 阅读(19) 评论(0) 推荐(6)