摘要: Web网页设计基础知识笔记 一、Web网页核心基础概念 什么是Web网页 通过浏览器访问、由HTML+CSS+JavaScript搭建,展示文字、图片、视频、链接等内容的页面,分为静态网页(无交互、内容固定)和动态网页(有交互、内容可更新)。 网页组成三要素(核心) 1. HTML:网页结构骨架,搭 阅读全文
posted @ 2026-05-13 07:57 郭紫曦 阅读(26) 评论(0) 推荐(0)
摘要: 4.29 Web前端课堂 一、服务器字体@font-face 作用 引入服务器自定义字体,统一多设备字体显示 核心代码 二、文本超出省略 单行省略 多行省略 三、JS动态改样式 直接修改行内样式 切换类名(推荐) 阅读全文
posted @ 2026-05-06 07:53 郭紫曦 阅读(9) 评论(0) 推荐(0)
摘要: Web引入CSS与CSS3美化页面 知识清单 一、CSS 三种引入方式(核心必记) 行内样式(内联样式) 写法:直接在HTML标签 style 属性中写CSS 语法: 内容 特点:优先级最高、仅作用当前标签、不利于代码维护,不推荐大量使用 内部样式(内嵌样式) 写法:在页面 标签内,通过 标签书写 阅读全文
posted @ 2026-04-29 07:56 郭紫曦 阅读(12) 评论(0) 推荐(0)
摘要: 口字形布局代码 </div> <div class="main"> <div class="C"></div> <div class="D"></div> <div class="E"></div> </div> <div class="bottom"> </body> 鲜花页面排版 </body> 阅读全文
posted @ 2026-04-21 16:07 郭紫曦 阅读(10) 评论(0) 推荐(0)
摘要: 4.8 div 从外往内顺序 margin边界 border边框 padding填充 属性值一共有四种写法 1 一个值代表四个方向都一样 2 两个值,第一个值代表上下,第二个代表左右 3 三个值,上,左右,下 4 四个值,上,右,下左 contet内容 从顶部来时顺时针依次为 top right b 阅读全文
posted @ 2026-04-13 15:29 郭紫曦 阅读(17) 评论(0) 推荐(0)
摘要: 3月31日图像的插入 一. 插入的方法 ​ 二.分析img标记 1.单标记 2.样式的格式:选择器(属性1:属性值;属性2:属性值2:......) 3.块元素block ,行元素inline,行内块元素inline-block 三.网页中插入图片的原则 1.在保证成像质量的情况下,文件大小越小越好 阅读全文
posted @ 2026-04-07 19:42 郭紫曦 阅读(27) 评论(0) 推荐(0)
摘要: 第四周 4.1任务概述 “新时代、新技能、新梦想”,当前我国大力弘扬劳模精神、劳动精神、工匠精神,旨在激励更多劳动者,特别是青年一代走技能成才、技能报国之路。“新云课堂”项目就是为广大学习者打造的学习知识和技能的平台。 本任务将介绍如何用表单制作“新云课堂”信息登记页面、用户登录页面和用户注册页面。 阅读全文
posted @ 2026-03-29 13:01 郭紫曦 阅读(13) 评论(0) 推荐(0)
摘要: 3·18 一· 1·基本的HTML5文档的格式 新建后改title(主题) 2·基本文档中的五对标记的关系 【根节点:整个页面】 ├─ 【头部:配置信息】 │ └─ 【网页标题】 │ └─ 【身体:可见内容】 ├─ ~ 【标题】 └─ 【段落】 二· HTML,Css,JavaScript,三者的关 阅读全文
posted @ 2026-03-22 17:12 郭紫曦 阅读(11) 评论(0) 推荐(0)
摘要: 一· html, css,和js在页面中的作用是什么 HTML:搭建内容结构 CSS:美化样式布局 JS:实现交互功能 二·用js显示实时系统时间 1·预览ctrl+R 四·新建web项目,包含几个文件夹,分别是什么? 3个文件夹:css,js,img 1个文件:index.html 五.html文 阅读全文
posted @ 2026-03-15 12:57 郭紫曦 阅读(13) 评论(0) 推荐(0)