摘要: 引入css样式表 链入式(粗调) 将所有样式放在一个或多的个以css为拓展名 通过link标记将外部样式表文件链接到HTML文档中 内嵌式(微调) 集中写在head头部标记并 用style标记定义 行内式(细调) 通过标记的style属性来设置元素样式 css基础选择器 标记选择器 标记名{属性1: 阅读全文
posted @ 2026-04-24 14:46 18李雨暄 阅读(3) 评论(0) 推荐(0)
摘要: auto和float的作用及使用场景 一、margin: 0 auto; 里的 auto ✅ 作用 margin 中的 auto 是水平居中的专用写法,它会让浏览器自动分配元素左右的外边距,让元素在父容器里水平居中。 ✅ 使用场景 给块级元素(比如 div)设置固定宽度后,想让它在父容器里水平居中时 阅读全文
posted @ 2026-04-21 10:19 18李雨暄 阅读(2) 评论(0) 推荐(0)
摘要: 一.盒模型外三层结构 二.排版鲜花页面 阅读全文
posted @ 2026-04-17 17:25 18李雨暄 阅读(4) 评论(0) 推荐(0)
摘要: 1,上下结构 2.左右结构 3.口型结构 4.tips:float知识点 作用 让元素左 / 右飘起来,实现并排布局、文字环绕图片。 写法 css float: left; /* 左浮动 / float: right; / 右浮动 */ 3 个关键特性 浮动元素脱离文档流,不占原来位置 多个同方向浮 阅读全文
posted @ 2026-04-16 17:50 18李雨暄 阅读(4) 评论(0) 推荐(0)
摘要: 框定世界:div布局核心笔记 DIV页面布局 div普通块元素,本身无意义,在JS和CSS中调用 块元素block:独占一行前后自动换行 ​ 可设置宽高,内外边距, ​ 默认块元素宽度为100% 行元素inline:不独占一行,和其它元素并排 ​ 宽高无效 行内块元素inline-block:不独占 阅读全文
posted @ 2026-04-07 11:05 18李雨暄 阅读(4) 评论(0) 推荐(0)
摘要: 超级链接 超级链接中第一个空链接(前期用来调试)作用: 保留链接样式与可点击状态 临时锚点跳转 方便绑定交互事件 空链接应用场景: 1.页面开发占位 2.实现返回顶部功能 3.制作纯样式按钮 4.绑定JS交互事件 5.测试交互效果 锚记:内部很长页面跳转,从底部返回顶部 tips: .和class配 阅读全文
posted @ 2026-04-03 13:19 18李雨暄 阅读(4) 评论(0) 推荐(0)
摘要: 一.插入图片 1.图片一定要放到项目里的img文件夹下 图片的格式选择原则:在保证成像质量的情况下,文件大小越小越好 ​ 常见的图片格式有:jpeg , gif和png ​ 最新的2种:svg, webp ​ gif:支持动画显示 ​ png:支持透明背景 ​ jpeg或jpg:颜色丰富 ​ 插入图 阅读全文
posted @ 2026-03-26 16:44 18李雨暄 阅读(5) 评论(0) 推荐(0)
摘要: HTML样式魔法秀,给你不一样的网页设计 一.无序列表和有序列表 1.无序列表 ul li列表项1/li li列表项2/li /ul 默认圆点符号 2.有序列表 ol li列表项1/li li列表项2/li /ol 二.列表符号 1.在head中用style定义样式 首先复制代码,然后在中添加cla 阅读全文
posted @ 2026-03-24 10:23 18李雨暄 阅读(3) 评论(0) 推荐(0)
摘要: 《5 步魔法变身!从空白文件夹到彩色网页的奇妙之旅》 一.新建项目,项目名称mySite,路径D盘根目录下。 操作:在D盘根目录下新建一个mySite的文件夹,作为整个项目的根目录 作用:统一管理所有网页文件和样式文件,方便后续维护 二.新建样式文件,名称为style.css,并通过外部引入到主页中 阅读全文
posted @ 2026-03-21 18:51 18李雨暄 阅读(4) 评论(0) 推荐(0)
摘要: 9行代码就能搭网页?HTML5入门必看的核心知识点 一.一个基本HTML5页面的9行代码 页面标题 页面可见内容 <title>双标记,定义标题,把标题名称写在标记之间,在<head>中 <meta/>单标记,设置网页关键字,1描述keywords <link/>可多 <style> 这9行代码包含 阅读全文
posted @ 2026-03-17 13:19 18李雨暄 阅读(10) 评论(0) 推荐(0)