cyzzs

导航

2026年7月8日 #

期末笔记6,表格表单

摘要: 一、核心考点 form属性:action提交地址、method提交方式get/post 表单控件:text、password、radio、checkbox、submit按钮 使用盒子、浮动美化登录界面 二、相关代码 表单页面 用户名: 密码: 性别: 男 女 登录提交 阅读全文

posted @ 2026-07-08 22:23 沉鱼舟作晚 阅读(19) 评论(1) 推荐(1)

期末笔记5

摘要: 一、核心考点 float:left/right实现左右分栏 浮动脱标导致父盒子高度塌陷 三种清除浮动方法,伪元素clearfix为标准答案 二、完整可运行代码 笔记5 浮动与清除浮动 左侧导航栏 右侧内容区 阅读全文

posted @ 2026-07-08 22:21 沉鱼舟作晚 阅读(9) 评论(1) 推荐(1)

期末 笔记4:CSS盒子模型 + 行内/块级转换

摘要: 一、核心考点 盒子四要素:content内容、padding内边距、border边框、margin外边距 display属性:block、inline、inline-block 盒子总宽度计算公式 二、完整可运行代码 笔记4 盒子模型 标准盒子容器 行内转块级元素 HTML CSS JS 阅读全文

posted @ 2026-07-08 22:20 沉鱼舟作晚 阅读(11) 评论(1) 推荐(1)

期末笔记3:CSS三种引入方式 + 基础选择器

摘要: 笔记3:CSS三种引入方式 + 基础选择器 一、核心考点 CSS三种写法:行内样式、内部样式、外部样式(考试区分题必考) 三大基础选择器:标签选择器、类选择器.、id选择器# 基础样式:color、font-size、background 二、完整可运行代码 笔记3 CSS基础选择器 普通段落文字 阅读全文

posted @ 2026-07-08 22:17 沉鱼舟作晚 阅读(10) 评论(1) 推荐(1)

期末笔记2:HTML常用内容标签(链接、图片、列表)

摘要: 笔记2:HTML常用内容标签(链接、图片、列表) 一、核心考点 1.块级标签:div、h1~h6、p、ul、ol;行内标签:a、span、img 2.a标签:跳转、锚点、空链接# 3.img标签:src相对路径、alt替代文字、宽高 4.有序/无序列表 二、完整可运行代码 笔记2 HTML内容标签 阅读全文

posted @ 2026-07-08 22:16 沉鱼舟作晚 阅读(14) 评论(1) 推荐(1)

期末笔记1:Web开发基础环境 + HTML骨架(开篇基础,所有页面的起点)

摘要: 一、核心考点 Web三层结构:HTML(结构)、CSS(样式)、JS(交互) VS Code基础使用,网页文件后缀.html,禁止中文命名 HTML5标准文档结构,各标签作用 二、完整可运行代码 笔记1 HTML骨架 一级标题,页面只能一个 段落标签,自动换行带间距 块级容器,划分页面区域 行内标签 阅读全文

posted @ 2026-07-08 22:13 沉鱼舟作晚 阅读(10) 评论(1) 推荐(1)

2026年6月28日 #

web中细线表格的制作

摘要: web中细线表格的制作 想要制作细线表格首先我们要知道表格的相关知识 一、表格核心标签 1、form标签:不管是表格还是表单都必须要有的 2、table:定义整个表格,所有表格内容都包裹在内 3、tr标签:行标签,代表一行,列标签包含在内 4、td标签:列表签,代表每一行中的哪一列,必须包含在行标签 阅读全文

posted @ 2026-06-28 13:15 沉鱼舟作晚 阅读(13) 评论(1) 推荐(1)

2026年6月27日 #

新手小白期末复习第一弹----web中的圆角制作

摘要: web中的圆角制作 在我们制作网站的时候我们有很多方面都需要这所谓的圆角,那么这个所谓的圆角到底是运用在哪一方面 例如:咱们网页中小圆圈的制作,有的地方需要正方形四个角需要有一定弧度,像这些地方我们都需要用到圆角的相关知识 所以说掌握好圆角的相关知识对我们有很大帮助,那么这篇文章我就带大家一起来了解 阅读全文

posted @ 2026-06-27 16:14 沉鱼舟作晚 阅读(10) 评论(1) 推荐(1)

2026年5月6日 #

web中文本折叠

摘要: web中文本折叠 一、单行文本折叠 所用代码 /*强制文本不换行*/ white-space: nowrap; /*超出部分隐藏**/ overflow: hidden; /*超出部分显示省略号*/ text-overflow: ellipsis; 运行代码 <!DOCTYPE html> <htm 阅读全文

posted @ 2026-05-06 17:15 沉鱼舟作晚 阅读(30) 评论(1) 推荐(1)

web中的文本居中

摘要: web中的文本居中 简要 首先要明白要想完成web中的居中,一般情况下是必须要设高度的,但也有特殊情况必须不设高度,了解这些我们就可以进行今天的分享了 首先 我们进行单行文本居中 下面由我来介绍我们要用的代码 height: 150px; /*实现垂直居中*/ line-height: 150px; 阅读全文

posted @ 2026-05-06 17:14 沉鱼舟作晚 阅读(25) 评论(1) 推荐(1)