2026年6月7日
web 4.17
摘要： 本次课程主要讲解了CSS中边距、边框和内边距的设置规则，并通过“鲜花”页面的案例，演示了如何运用这些知识进行网页布局。小结1. CSS边距、边框与内边距规则边距 (Margin)：设置元素与外部空间的距离，不占用元素自身空间，因此不会改变元素的尺寸。内边距 (Padding)：设置元素内容与边框之间 阅读全文
posted @ 2026-06-07 18:42 sunxinyi1 阅读(2) 评论(0) 推荐(0)
web 4.15
摘要： 本次课程主要讲解了网页布局的结构设计原则与CSS浮动布局技术，并进行了实操练习。小结：1. 网页布局的结构设计原则布局的核心是“先分大块，再分小块”，即先将页面划分为几个主要功能区域（如上中下），再在这些大区域内进行细分。结构的搭建应遵循包含与嵌套的关系，例如，一个大容器（parent）包含多个并列 阅读全文
posted @ 2026-06-07 18:10 sunxinyi1 阅读(2) 评论(0) 推荐(0)
web 4.8
摘要： 一、课堂学习总述本次课主要学习 HTML 标准页面结构、CSS 盒模型、div 基础布局，同时区分行内元素与块级元素的特性，结合实操代码掌握网页基础样式编写与简单布局技巧。二、核心代码与知识点解析（一）HTML 基础页面结构这是所有网页的标准骨架，是编写代码的基础。html预览<!DOCTYPE h 阅读全文
posted @ 2026-06-07 16:55 sunxinyi1 阅读(1) 评论(0) 推荐(0)
2026年6月6日
web 4.1
摘要： 一、HTML 转义字符（特殊符号）1. 常用实体字符&lt; → 页面显示左尖括号 <&gt; → 页面显示右尖括号 >用途：想要在网页原样输出<html>这类标签符号时，不能直接写 <>，要用转义字符，避免浏览器识别成 HTML 代码。2. 换行标签<br/>：强制文字换行，单标签。二、超级链接< 阅读全文
posted @ 2026-06-06 19:50 sunxinyi1 阅读(2) 评论(0) 推荐(0)
web 3.31
摘要： 一、图片标签<img>基础知识点 1. 核心属性：src="图片路径"，填写图片存放地址，路径错误图片无法加载。 2. CSS设置尺寸：通过width、height自定义图片宽高，单位px或百分比。display三种属性（本节课重点） 1. display: inline;行内元素：不换行、无法直接 阅读全文
posted @ 2026-06-06 18:49 sunxinyi1 阅读(2) 评论(0) 推荐(0)
web3.25
摘要： 一、HTML页面基础规范 1. 页面首行写<!DOCTYPE html>，声明文档为HTML5格式。 2. <meta charset="UTF-8">设置页面编码，解决中文乱码问题。 3. CSS样式统一书写在<head>内部的<style>标签中。 4. <!-- 注释内容 -->为代码注释，只 阅读全文
posted @ 2026-06-06 18:04 sunxinyi1 阅读(3) 评论(0) 推荐(0)
2026年4月14日
web使用盒子模型布局页面
摘要： 任务07使用盒子模型布局页面一、属性 1. 核心属性①边界 margin ②边框 border ③填充 padding ④内容 content 属性值共有4种写法2. 顺序规则 - 从顶部开始顺时针依次为： top 、 right 、 bottom 、 left 二、3类布局（块、行、行内块） - 阅读全文
posted @ 2026-04-14 22:27 sunxinyi1 阅读(20) 评论(0) 推荐(0)
2026年3月22日
3.18及3.20笔记
摘要： 3.18及3.20笔记一、问题：1.基本的HTML5文档的格式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html>基本文档中的5对标记的关系（html、hea 阅读全文
posted @ 2026-03-22 14:33 sunxinyi1 阅读(45) 评论(0) 推荐(0)
2026年3月14日
3月13日笔记
摘要： 3月13日HTML、CSS 和 JS 在页面中的作用 1.HTML：负责页面的结构与内容，是网页的骨架，用来定义标题、段落、图片、按钮等元素。​2.CSS：负责页面的样式与外观，控制元素的颜色、字体、布局、位置等，让页面更美观。如何把样式表链接到主文件里：<link rel="stylesheet" 阅读全文
posted @ 2026-03-14 15:13 sunxinyi1 阅读(5) 评论(0) 推荐(0)