2026年7月7日
零基础教你表单制作页面
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本控制排版</title> </head> <body> <h1>任务04使用表单制作页面</h1> <h2>4.1任务概述</h2> <p>“新时代、新技能、新梦想”,当前我国 阅读全文
posted @ 2026-07-07 08:49 崔雅楠 阅读(7) 评论(0) 推荐(0)
零基础教你titleflex弹性布局justify-contenttitle
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>flex弹性布局justify-content</title> </head> <style type="text/css"> .container1{ margin: 10px 阅读全文
posted @ 2026-07-07 08:48 崔雅楠 阅读(5) 评论(0) 推荐(0)
2026年6月26日
零基础教你制作圆形
摘要： 圆形：border-radius: 50% 左上半圆：border-top-left-radius: 50% 右上半圆：border-top-right-radius: 50% 左下半圆：border-bottom-left-radius: 50% 右下半圆：border-bottom-right- 阅读全文
posted @ 2026-06-26 09:38 崔雅楠 阅读(6) 评论(0) 推荐(0)
2026年4月21日
零基础教你制作相册
摘要： 一制作空白页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>相册</title> <style> *{margin: 0;padding: 0;} .top{ margin:0 auto; width: 1200px; he 阅读全文
posted @ 2026-04-21 11:07 崔雅楠 阅读(7) 评论(0) 推荐(0)
2026年4月16日
零基础教你div布局页面
摘要： 一.上下结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上下结构</title> <style> /*初始化：所有标签的内外边距清0*/ *{margin: 0;padding: 0;} .top{ margin:0 au 阅读全文
posted @ 2026-04-16 17:02 崔雅楠 阅读(16) 评论(0) 推荐(0)
2026年4月12日
零基础教你div布局页面
摘要： 一.基础知识 行元素：inline，并排不换行；. 块元素：block，可设宽高（宽100%），独占一行 行内块元素：inline-block，可设宽高，并排不换行 1.div的四层结构从外往内：margin,border,padding,content 2.四层当中除了content，其他都有四个 阅读全文
posted @ 2026-04-12 18:24 崔雅楠 阅读(12) 评论(0) 推荐(0)
2026年4月10日
零基础教你超级链接
摘要： 超级链接 一.使用方法 1.空连接作用： 保留链接样式与可点击状态 临时锚点跳转 方便绑定交互事件 空链接应用场景： 页面开发占位 实现返回顶部功能 制作纯样式按钮 绑定JS交互事件 测试交互效果 <a href="#">空连接</a> 2.网站同级内部跳转 <h1><a href="xx.html 阅读全文
posted @ 2026-04-10 10:51 崔雅楠 阅读(21) 评论(0) 推荐(0)
2026年3月26日
零基础教你图片插入
摘要： 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则：在保证成像质量的情况下，文件大小越小越好 3.常见的图片格式有：jpeg、gif和png 最新的2种：svg、webp gif: 4.支持动画显示 png: 支持透明背景 jpeg或jpg: 颜色丰富 插入图片的格式: <img sr 阅读全文
posted @ 2026-03-26 16:42 崔雅楠 阅读(106) 评论(0) 推荐(0)
2026年3月24日
零基础教你文字排版
摘要： 一.使用表单制作页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本控制排版</title> </head> <body> <h1>任务04使用表单制作页面</h1> <h2>4.1任务概述</h2> <p>“新时代、新技 阅读全文
posted @ 2026-03-24 10:22 崔雅楠 阅读(15) 评论(0) 推荐(0)
2026年3月22日
教你零基础用html制作简单网页
摘要： 制作如下网页： 1.新建项目，项目名称mySite，路径D盘根目录下。 2.新建样式文件，名称为style.css，并通过外部引入到主页中。 3.主页中，插入标题一、标题二和一个段落，内容自拟 4.设置页面背景色为淡蓝色，标题一和标题二文本颜色为橙色，段落文本颜色为红色 5.新建子页，子页背景色和主 阅读全文
posted @ 2026-03-22 18:53 崔雅楠 阅读(40) 评论(0) 推荐(0)