- 博客(24)
- 收藏
- 关注
RSS订阅原创 【无标题】
显示和隐藏input文本框的内容表单事件1、获得焦点 onfocus2、失去焦点 onblur<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2022-04-24 23:13:38
89
原创 【无标题】
下拉菜单----来自菜鸟教程<style>/* 下拉按钮样式 */.dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; //改变鼠标形状}/* 容器 <div> - 需要定位下拉内容 */.dropdown { position: rel
2022-04-17 22:29:19
99
转载 CSS 弹性盒子
使用 display: flex 定位两个盒子只要在一个元素的 CSS 中添加 display: flex;，就可以使用其它 flex 属性来构建响应式页面了。使用 flex-direction 属性创建一个行给元素添加 display: flex 属性可以让它变成 flex 容器， 然后可以让元素的项目排列成行或列。 只要给父元素添加 flex-direction 属性，并把属性值设置为 row 或 column，即可横向排列或纵向排列它的所有子元素。<style> #box-co
2022-04-10 22:56:09
238
转载 ES6学习
比较 var 和 let 关键字的作用域使用 var 关键字声明变量时，它是全局声明的，如果在函数内部声明则是局部声明的。let 关键字的行为类似，但有一些额外的功能。 在代码块、语句或表达式中使用 let 关键字声明变量时，其作用域仅限于该代码块、语句或表达式。使用 var 关键字，i 是全局声明的。 所以当 i++ 被执行时，它会更新全局变量。 此代码类似于以下内容：var numArray = [];var i;for (i = 0; i < 3; i++) { numArray
2022-04-03 23:20:13
150
转载 JS学习对象
创建 JavaScript 对象对象和 arrays 类似，区别在于数组使用索引来访问和修改数据，而对象中的数据是通过 properties 访问的。如：const cat = { "name": "Whiskers", "legs": 4, "tails": 1, "enemies": ["Water", "Dogs"]};通过点号表示法访问对象属性访问对象属性有两种方式：点号表示法（.）和方括号表示法（[ ]）。如：const myObj = { prop1: "v
2022-03-27 23:28:27
175
转载 sass学习
sass是css的扩展可申明变量$main-fonts: Arial, sans-serif;$headings-color: green;h1 { font-family: $main-fonts; color: $headings-color;}Sass 嵌套 CSSnav { background-color: red;}nav ul { list-style: none;}nav ul li { display: inline-block;}可
2022-03-20 23:09:21
77
转载 基础JS笔记1
申明变量 var myname;var 和 let 关键字之间的差异，不像 var关键词，可以轻松覆盖变量声明，当你使用 let 时，同名的变量只能声明一次。var camper = "James";var camper = "David"; //这是真确的let camper = "James";let camper = "David"; //这是错误的const关键词const 具有 let 的所有出色功能，另外还有一个额外的好处，即使用 const 声明的变量是只读的。 它们是一
2022-03-06 23:39:55
60
原创 响应页面8
定位position属性1、static——静态定位（无定位）2、relative——相对定位相对于自己原来的位置进行移动位置。移动的盒子将继续占有原来的位置，后面的盒子也会以对待标准流的方式对待它。3、absolute—— 绝对定位如果没有定位的父级盒子，绝对定位的盒子会相对于浏览器进行定位。如果有定位的父级盒子，则以最近一级的有定位的父级元素为参考点移动位置。绝对定位将不再占有原先的位置，即脱离标准流。4、fixed——固定定位固定在浏览器的可视区的位置以浏览器的可视窗
2022-03-06 23:19:19
111
原创 响应页面设计7
复合选择器后代选择器子类选择器并集选择器链接伪类选择器a:link 选择所有未被访问的链接a:visited 选择所有已被访问的链接a:hover 选择鼠标上的链接a:active 鼠标按下并未弹起时5.:focus伪类选择器用于选取获得焦点的表单元素，用于<input>类表单标签。元素显示模式分为块元素和行内元素块元素大概有<h1>~<h2>,<p>,<div>,<ul>,<
2022-02-27 23:35:55
110
转载 响应页面设计6
accesskey 属性添加 accesskey 属性可以让使用键盘的用户更高效率地导航。HTML5 允许在任何标签上使用这个属性。 该属性尤其适用于链接、按钮、表单组件等元素。<button accesskey="b">Important Button</button>媒体查询媒体查询是 CSS3 中引入的一项新技术，它可以根据不同的视口大小调整内容的布局。 视口是指浏览器中，用户可见的网页内容。 视口会随访问网站的设备不同而改变。媒体查询由媒体类型组成，如果媒体类型与
2022-02-20 23:46:09
67
转载 响应页面设计5
定位更改元素的相对位置当元素的定位设置为 relative 时，它允许你通过 CSS 指定该元素在当前文档流页面下的相对偏移量。把元素的位置设置成相对，并不会改变该元素在布局中所占的位置，也不会对其它元素的位置产生影响。绝对定位position 属性的取值选项 absolute，它的含义是相对于其包含块定位。 和 relative 定位不一样，绝对定位会将元素从当前的文档流里面移除，周围的元素会忽略它。 这样就可以用 CSS 的 top、bottom、left、right 属性来调整元素的位置。固
2022-02-13 23:33:13
120
转载 响应页面设计4
使用 RGB 值为元素上色RGB 值是在 CSS 中表示颜色的另一种方法。黑色的 RGB 值：rgb(0, 0, 0)RGB 值只需要指定每种颜色的亮度大小，数值范围从 0 到 255。视觉设计——排版text-align 属性（可以控制文本的对齐方式）text-align: justify; 将文本隔开，使每行的宽度相等。text-align: center; 可以让文本居中对齐。text-align: right; 可以让文本右对齐。text-align: left; 是默
2022-01-30 23:45:36
61
转载 响应页面设计笔记三
用 border-radius 添加圆角边框border-radius 的属性值单位可以是 px（像素)用 border-radius 制作圆形图片除像素外，也可以使用百分比来指定 border-radius 的值background-color 属性可以设置元素的背景颜色如果想将一个元素的背景颜色改为 green，可以在 style 里面这样写：.green-background { background-color: green;}...
2022-01-23 23:56:34
64
转载 响应网页设计笔记（2）
使用元素选择器来设置元素的样式在样式声明区域内，可以为所有 h2 元素创建一个 CSS selector。 如果想让所有 h2 元素在变成红色，可以添加下方的样式规则：<style> h2 { color: red; }</style>每个元素的样式规则都应该有开始和结束大括号（{ 和 }）使用 class 选择器设置单个元素的样式CSS 的 class 具有可重用性，可应用于各种 HTML 元素一个 CSS class 声明示例如下所示：<s
2022-01-03 23:48:59
72
转载 响应式网页设计笔记
大部分 HTML 元素都有一个开始标签和一个结束标签。开始标签像这样：<h1>结束标签像这样：</h1>h1 元素通常被用作主标题，h2 元素通常被用作副标题， 还有 h3、h4、h5、h6 元素，它们分别用作不同级别的标题。p 元素是网站上段落文本使用的元素。 p 是“paragraph（段落）”的缩写。你可以像这样创建一个段落：<p>I'm a p tag!</p>用占位符文本填充空白Web 开发者通常用 lorem ipsum text 来
2021-12-13 15:50:18
381
原创 2021-11-13
第八章指针1、指针变量的定义类型名 *指针变量名如：int *p;指针变量的类型不是指指针变量本身的类型，而是指它所指向的变量的数据类型。无论何种类型的指针变量，它们都是用来存放地址的，且指针变量所占的内存空间的大小相同。2、指针变量的使用指针变量后，须将指针变量和一个特定的变量进行关联后才可以使用。指针变量p赋值：int i, *p;p=&i;//赋值变量i的地址p=0;//代表空指针p=NULL;//常量NULL在系统文件stdio.h中被定义，其值为0p=(int*
2021-11-14 00:00:31
907
原创 2021-11-02
本题要求实现一个计算m~n（m<n）之间所有整数的和的简单函数。函数接口定义：int sum( int m, int n );其中m和n是用户传入的参数，保证有m<n。函数返回的是m~n之间所有整数的和。#include <stdio.h>int sum(int m, int n);int Main(){ int m, n; scanf("%d %d", &m, &n); printf("sum = %d\n", sum
2021-11-06 20:20:13
1505
原创 2021-10-24
本题要求计算给定的一系列正整数中奇数的和。输入格式:输入在一行中给出一系列正整数，其间以空格分隔。当读到零或负整数时，表示输入结束，该数字不要处理。输出格式:在一行中输出正整数序列中奇数的和。输入样例:8 7 4 3 70 5 6 101 -1结尾无空行输出样例:116#include <stdio.h>int main(){ int n,sum=0; do{ scanf("%d",&n); if(n%2>0){ sum=sum+n;
2021-10-30 23:39:20
1151
原创 2021-10-23
第6章数组一维数组1、定义形式：类型名 数组名[数组长度]；2、引用C语言规定，只能引用单个的数组元素，而不能一次引用整个数组。引用形式：数组名 [下标]；下标的合理取值范围是[0，数组长度-1]。注意：不要让下标越界，因为，一旦发生越界，就会把数据写到其他变量所占的储存单元中，甚至写入程序代码段，有可能造成不可预料的运行结果。3、初始化没有赋初值的元素值为0。数组初始化时，如果对全部元素都赋初值，就可以省略数组长度，如int a[ ]={ 1,2,3,4,5};4、应用/*求数组
2021-10-24 00:35:30
152
原创 C语言成长4
第五章函数函数包括库函数和自定义函数。函数的定义由函数首部和函数体组成函数首部由函数类型（即函数的结果类型）、函数名和形式参数表组成。如：double cylinder(double r,double h)Ps:函数首部不能加分号，它和函数体一起构成完整的函数定义。Ps：形参表不能写成double r,h。函数体由一对大括号内的若干条语句组成，用于计算或完成特定的工作，并用return语句返回运算的结果。函数的调用1、函数的调用过程（详见P102）2、函数调用形式：（1）、赋值语句如
2021-10-14 22:24:52
124
原创 C语言成长3
第四章循环结构循环结构主要有for语句，while语句和do-while语句。三种语句的特点语句特点for确定次数while不确定次数do-while不确定次数且先执行循环体while语句while语句和for语句大致相同，但需要包含能最终改变循环条件真假性的操作。do-while语句先执行循环体后判断循环条件。所以无论循环条件的值如何，至少会执行一次循环体。break语句和continue语句1）、break语句强制循环结束，应该和if语句
2021-10-09 23:14:47
135
原创 C语言成长系列2
第三章分支结构分支结构主要有if-else语句的嵌套、else-if语句、switch语句。利用if-else语句计算居民水费认识字符型数据1）、在scanf()函数中用%c输入。2）、ASCII字符集：每个字符都有唯一的次序值，即ASCII码。3）、区分：1是整型数据，'1’是字符。4）、字符也可用ch=getchar()，putchar()输入输出，注意它们都只能输入输出一个字符。逻辑运算逻辑运算符运算符名称！非&&与
2021-10-02 23:55:19
730
1
原创 C语言成长系列
#最近一周的学习##第一步我阅读了《C语言程序设计》（第4版）第一章的内容，初步了解C语言的特点和应用。并想着在屏幕显示"Hello World!"试试。##第二步我下载了vscode,并写了#include <stdio.h>int mian(）{ printf("Hello World!"); return 0}可想而知并不能运行，还好上B站查了查，添加链接描述发现我少了扩展还有最重要的gcc编译器，我通过以下链接添加链接描述下载了mingw64(花了我大半天），最后
2021-09-25 10:24:13
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人