繁花与尘埃-优快云博客

原创字体属性_背景属性_文本属性_表格属性(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

定义：CSS字体属性定义字体:颜色、大小、加粗、文字样式。

2025-11-12 09:23:42 690

原创 CSS引入方式(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

需要建立在首标签内，加入style属性和双引号，所有样式均在style内生效(可以多次声明，每个声明由分号隔开)。优点:可以利用选择器优先级(最高)，单独添加样式，不受其他选择器影响。缺点(不推荐)：当标签过多，需要多次建立，极为繁琐，后续修改工作量巨大，难以维护。需要建立在头部(head)标签内，加入style标签(双标签)，然后加入选择器及大括号，所有样式均在大括号内有效。(可以多次声明每个声明后面必须加分号且独占一行)开发单个网页够用，但还是建议用外部样式。

2025-10-27 21:57:15 625

原创 VScode开发环境搭建(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

可能是因为我在电脑安装了，没有卸载，没有出现更改路径这个选项(默认安装到了D盘)，[如果安装能更改路径，尽量更改到别的盘符。打开VScode，设置简体中文，在扩展商店，搜索Chinese，安装简体中文或繁体中文插件，然后重启即可。首先，搜索python，单击安装，我因为安装过了，会显示卸载选项。保存好后，在空白处右击，找到[运行python]，选择在终端运行。步骤三：单击创建桌面快捷方式复选框，其他默认即可，并单击下一步。步骤一：将下载好的安装程序，右击，再单击。步骤二：单击同意协议，并单击下一步。

2025-10-25 13:34:49 501

原创 python运行环境搭建(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

步骤二：设置安装路径(建议自定义安装，默认在C盘)，以及勾选Add python.exe to PATH(一定要勾选上)安装下载好的python.exe(因为以前下过python别的版本，我就下载了最新版本做演示)步骤四：勾选默认的就可以了，但一定要更改安装路径，最后单击install开始安装。进入python官网(python.org)下载python安装包。输入第一行代码------print(“hello word”)方法二：在终端运行python --version检测。

2025-10-25 13:27:23 400

原创 CSS简介(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

如：h1 {color:blue;可以添加多个声明，每一个声明占一行(只在对应选择器的大括号内有效)选择器通常是需要改变样式的HTML元素(也可以理解为标签)[由一个属性和一个值组成]{.mark}大括号内部才是CSS语法写入的地方。而style标签在head标签内。CSS规则由两个主要的部分构成。所有样式都在style标签内。由选择器+大括号组成。

2025-10-25 13:14:28 406

原创块元素、行内元素、HTML5新增标签(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

1. 内联元素（Inline Elements）：• 内联元素不会独占一行，它们只占据其内容所需的空间。• 内联元素通常用于文本内容• 内联元素可以与其他内联元素或文本在同一行显示。• 内联元素的width和height属性通常无效，因为它们的大小由内容决定。2.块级元素（Block Elements）：• 块级元素会独占一行，即使内容很少也会从新的一行开始。• 块级元素通常用于定义页面的结构• 块级元素可以包含内联元素和其他块级元素。

2025-10-19 18:42:47 1340

原创 Form表单._表单元素(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

form是表单的容器在容器内的统称为控件form内部需要添加表单元素记住：input、submit、button的对应功能表单的作用：给用户提供一个可以输入的方式------只要是提供用户与网页的交互type是表单的类型，里面不同的值，会表达不同的效果，如submit就是提供一个可[提交]的按钮/li>按钮跳转涉及到后端知识------服务器(不懂当前不必深究)文本域------input标签密码框------属性type的值：password。

2025-10-18 22:10:28 863

原创标签之表格._单元格合并(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

特点：表格在数据展示方面非常简单，并且表现优秀。

2025-10-17 20:06:03 876

原创列表标签之无序标签(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

无序列表没有顺序可以用type属性替换前缀样式可以嵌套，但不建议多次嵌套，不仅内容混乱，而且难以维护无序列表与有序列表可以搭配使用。

2025-10-16 23:09:39 714

原创列表标签之有序标签(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

有序列表是一列项目，列表项目使用数字进行标记。有序列表始于<ol>标签每个列表项始于<li>标签。

2025-10-14 23:09:38 436

原创标签之文本(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

em> 和 <strong> ：用于语义化的强调和重要性标记<b>> 和 <i> ：用于视觉效果，没有语义上的强调<del> ：用于表示被删除的文本。

2025-10-13 22:31:02 977

原创标签之超文本链接(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

超链接可以是一个字，一个词，或者一组词，也可以是一幅画像…可以点击以上内容实现跳转到新的文档或者当前文档中的某个部分。一个未访问过的链接显示为蓝色字体并带有下划线。点击超链接时，链接显示为红色并带有下划线。HTML使用标签<a>来设置超文本链接。后期是可以通过css样式修改这些效果。访问过的链接显示为紫色并带有下划线。

2025-10-12 20:43:43 553

原创图片路径详解(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

比如，图片1.webp在imag目录下，则图片与目录是子级的关系html文件与imags目录在名为08_图片路径详解的文件夹下，则文件与目录属于兄弟关系也就所说图片与html文件属于间接子级的关系(也属于子级关系)，而子级关系，只要[/](图片名称即可)网页的图片地址不是100%能成功的，我到网上找了一些失败的原因，我是换了好几张图成功的。<img src=“素材存放区/子级关系详解.png” alt=“子级关系详解”>因为属于间接子级关系，所以要在图片前面加上同级关系(兄弟关系)路径。

2025-10-11 23:11:09 725

原创标签_图片(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

因为我想更改所有图片的大小，使用行内调用速度太慢，所以采用内部调用，一次定义所有图片的CSS样式。<img src=“素材存放区/风景图.jpeg” title=“这是一张风景图”>总结：属性width和height，可以使图片尺寸产生变化，能使界面看起来更加舒适。<img src=“素材存放区/风景图.jpeg”>添加width、height属性的参数及效果演示。

2025-10-10 22:08:01 580

原创标签——段落、换行、水平线及关键字auto解释(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

CSS属性样式，都在head标签内，新建的style标签内部。因为水平线不属于文本，单独使用color属性，没有效果，需要border搭配使用。例如：border-color:red。width和height不受影响可以直接用。在HTML5里面，hr标签的align被废除了，也就是说，无法直接用center、left、right直接定义对齐方式了，被margin代替。

2025-10-09 15:51:56 1116

原创 hr属性样式——补充

注意：hr是水平分割线，它没有文本内容，因此font-size和color属性对它无效\

2025-10-08 12:03:28 719

原创标题标签(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

1.是通过h1~h6标签定义的。 2.注意是h1~h6才是标题标签，才有效，超过则无效。 3.h1定义最大的标题，h6定义最小的标题。

2025-10-08 10:33:28 498

原创 HTML5简介与基本骨架(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

HTML5介绍HTML5的DOCTYPE声明。

2025-10-08 10:25:05 414

原创 VScode快捷键(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

Shift+Alt+Up[向上复制]或Shiht+Alt+Down[复制向下]Alt+Up或Alt+Down。

2025-10-08 10:22:06 134

原创 Java流程控制05——Switch选择结构(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

switch结构属于选择结构，它是通过class反编译中对象的hashCode值判断条件是否相等的当switch代码块中，没有break时，会发生switch穿透现象。当switch代码块中，没有defualt时，且没有条件相等时，会跳过switch结构，直接按顺序运行switch代码块外的代码。jdk7后，表达式结果可以式字符串了我们人能看懂代码是通过：Java文件---------class文件---------------通过反编译器每一个对象都有对应的hashCode值。

2025-09-07 22:40:08 1298

原创 Java流程控制04——if选择结构(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

特性if单选择结构if双选择结构if多选择结构嵌套if结构分支数量只有1个条件分支有2个分支（条件成立/不成立）有3个或更多分支在分支内部可包含任意层级的if结构执行逻辑条件成立时执行代码，否则跳过条件成立执行if块，不成立执行else块按顺序检查多个条件，执行第一个满足条件的分支外层条件满足后，再检查内层条件，可形成多级判断else使用不使用else分支使用1个else分支可使用多个else if和1个else分支可在任意层级使用else或else if适用场景。

2025-09-02 11:41:11 1094

原创 Java流程控制03——顺序结构(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

顺序结构 (Sequence Structure) 核心要点主题核心要点说明与示例基本定义程序的基础控制流代码按照语句出现的先后顺序依次执行，不发生跳转。执行方式自上而下执行顺序严格遵循代码的物理书写顺序，一条接一条。执行特性无跳转、无重复每条语句都会执行且只执行一次（在没有错误的情况下）。关键注意点变量生命周期变量必须先声明、初始化，然后再使用，否则会导致编译错误。关键注意点逻辑依赖顺序顺序错误会导致逻辑错误（程序能运行，但结果错误）。关键注意点状态传递。

2025-08-29 15:14:00 1070

原创 Java流程控制02——Scanner进阶使用(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

步骤：新建一个名为(Scanner进阶操作1)的类导入Scanner类创建main方法在main方法内，创建Scanner的基本语法定义变量名与变量值在每个Scanner前打印对应的标题使用if判断输入的值是否正确，并学会else(那么)的使用以Scanner变量名.close();结尾。

2025-08-27 19:33:43 755

原创 Java流程控制01——用户交互Scanner(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

next():一定要读取到有效字符后才可以结束输入；对输入有效字符之后遇到的空白，next()方法会自动将其去掉只有输入有效字符后才将其后面输入的空白作为分隔符或者结束符next()不能得到带有空格的字符串nextLine:以Enter为结束符，也就是说nextLine()方法返回的值是输入回车之前的所有字符。可以获得空白next()与nextLine()的区别总结next():一定要读取到有效字符后才可以结束输入；

2025-08-25 15:52:43 926

原创 Java基础12——JavaDoc生成文档(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

JavaDoc命令是用来生成自己API文档的——类在现的API帮助文档地址：[在线的API帮助文档地址](

2025-08-23 15:37:32 1214

原创 Java基础11——包机制(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

定义包：package导入包：import规范包名要倒置写到要导入同一包内多种类，则可用[.*]代替[阿里巴巴Java开发手册](阿里巴巴Java开发手册(正式版）免费在线阅读_藏经阁-阿里云开发者社区。

2025-08-23 00:54:18 493

原创 Java基础10——扩展赋值运算符、三元运算符及运算符小结(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

运算符是有优先级的：括号>一元>乘除>加减>比较>逻辑>赋值当无法确定运算顺序时，或者想让代码更清晰易读时，需要毫不犹豫的使用括号Java 运算符分类大全类别操作数数量主要功能典型运算符一元运算符1对一个操作数进行运算++--!(正),(负)二元运算符2连接两个操作数进行运算==&&三元运算符3根据条件选择两个表达式之一?运算符名称描述?条件运算符根据条件选择两个表达式之一。

2025-08-20 17:08:23 1557

原创 Java基础09——逻辑运算符、位运算符(本文为个人学习笔记，内容整理自哔哩哔哩UP主【遇见狂神说】的公开课程。＞所有知识点归属原作者，仅作非商业用途分享)

&&(与)：||(或)：! (非[取反])：总结：如：运算符有(&（与）、|（或）、~（非(取反)）、^（异或）、>>(右移)、<<(左移)、>>>)&(与)：用于比较出现11为1，其余为0——(0为假，1为真)口诀：一假即假(两真为真)|(或)：用于比较00为0，其余为1——(0为假，1为真)口诀：一真即真(两假为假)~(非[取反])：不用于作比较(单一变量使用)1是0，0是1——(0为假，1为真)口诀：真亦假时假亦真^(异或)：用于比较相同为0，不同为1——(0为假，1为真)口诀：相同为假，不同为

2025-08-18 00:01:19 1315

空空如也

空空如也