- 博客(35)
- 收藏
- 关注
原创 3.3 CSS选择器
需要说明的是,如果<link>引入的外部样式出现在<style>声明的样式之后,那么外部样式相当于在<style>之后定义,其优先级就会高于内部样式。CSS可以对HTML元素样式进行分别设置,例如,将<p>元素设成红色、<h1>元素设成绿色,通过CSS选择器能够选对元素进筛选,进而设置不同的样式。(1)元素选择器,通常就是HTML的元素,在W3C标准中,元素选择器又称为类型选择器(type selector)。(3)创作者的规则高于浏览者:即网页编写者设置的CSS样式的优先权,高于浏览器所设置的默认样式;
2023-06-16 10:30:45
471
原创 第一章,Web前端设计基础
了解是我们学习很多课程非常重要的方法。Web应用项目本身是一种软件系统,它也是具有自身结构的,即系统体系结构。有一门课程《软件体系结构》会专门研究这个问题。系统体系结构是一个综合各种观点的模型,用来完整描述整个系统,通过系统体系结构就能够了解一个软件系统的基本架构。常见的系统体系结构有C/S结构和B/S结构。首先,了解一下C/S的工作流程,Server端存储了各种资源,我们在Client端通过网络发送资源请求,接收并显示Server端响应的内容。
2023-06-16 10:03:34
1645
原创 第二章,HTML基础
在HTML中,某些字符是预留的。例如:<br/>(换行标签)、<hr/>(绘制横线的标签)、<img src="" alt=""/>(显示图片标签)、<input type="" />(输入标签,根据不同的type属性值,会得到不同的输入元素。其中,<meta>标签的name属性记录的"名称/值"中的"名称",如name="keywrods",用户可以自定义描述网页信息的名称。一个HTML文件最基本的文档结构,是由文档里的<html>、<head>、<title>、<body>等标签按照特定的顺序构成的。
2023-06-16 10:01:44
187
原创 3.6 盒模型
在CSS3中,如果box-sizing取值为border-box时,整个盒子实际大小就是所设置的宽和高,那么内容的宽度=width - (padding-left + padding-right) - (border-left + border-right),内容的高度=height - (padding-top + padding-bottom) - (border-top + boder-bottom)。(3)边框,就是指元素边框,它通过border属性进行设置,可分别设置4个方向的边框。
2023-06-16 09:57:32
75
原创 3.5 CSS常用属性
当指定了多个字体后,浏览器会按照从前往后的序查找并设置字体,如下图所示,如果用户电脑未安装“微软雅黑”字体,则会查找并使用arial字体,依次类推,直到找到可用字体。(3)设置标志位置,使用list-style-position属性进行设置,该属性可取值inside、outside(默认),区别在于标记与列表项文本内容左边的间距不一样。(3)绝对定位(absolute),生成绝对定位的元素,相对于静态定位以外的第一个父元素进行定位,会脱离文档流(指设置绝对定位后其原来空间不再属于当前元素)。
2023-06-16 09:54:58
181
原创 4.4 JavaScript常用对象
为了实现网页特效,能够动态地控制网页的各种元素,需了解浏览器窗口及文档相关对象,包括window (窗口)、document(文档)、history(历史)、frame(框架)、location(地址)、form(表单)等对象。document.write("<h3>"+"今天是"+year+"年"+month+"月"+day+"日"+week+"</h3>")<input type="button" value="下一页" onClick="history.forward()">
2023-06-16 09:53:16
149
原创 4.3 JavaScript语句及函数
6)continue语句,和break语句类似,所不同的是,执行continue语句时,就结束本轮循环,转而执行下一轮循环。再更新条件,重新判断,执行语句,直到条件不成立,跳出循环体。document.write("调用f(x),则f(5)="+y);var str = "姓名: " + name + "<br>";它表示如果if(条件)中的条件成立,则执行语句块1,否则执行语句块2。str += "年龄:" + age + "<br>";5)break语句,结束当前循环,执行循环语句后面的语句。
2023-06-12 11:18:01
116
1
原创 4.2 JavaScript基本语法
在JavaScript中定义了50多个关键字或保留字,它们是JavaScript内部使用的,不能作为变量的名称。" '+'是真的耶。◆ JavaScript的变量名最好能够说明其代表的意思,譬如:定义两个字符串变量可用str1和str2,求和变量可用sum等。在程序设计语言中其值可以变化、要先声明再引用的有名称的量,称之为变量。其工作原理是:如果条件表达式的值为真,则整个表达式的值就是结果1,否则整个表达式的值就是结果2。例如,2+2(=4),2*2(=4),2+10/2(=7),4<5(=true)。
2023-06-12 11:17:31
211
原创 4.1 JavaScript初识
JavaScript实现了一种实时的、动态的、可交互的表达能力,能够对网页的行为进行编程。通常JavaScript代码以函数形式写在这对标签间,以方便开发者在该网页中需要的地方调用。(3)外链式:项目级引入方式,即通过<script language="javascript" src="xxx.js">方式载入外部JavaScript文件。(1)实现网页特效。在浏览器运行网页,切换到控制台,可观察到"HelloWord"的输出字样。在浏览器运行网页,切换到控制台,也能看到"HelloWord"的输出字样。
2023-06-12 11:15:41
119
原创 5.7 响应式web设计
由于媒体查询只能针对某几个特定阶段的视口,在捕捉到下一个视口前,页面的布局是不会变化的,这样会影响页面的显示,同时也无法兼容日益增多的各种设备。比如,设备屏幕是414像素的宽度,在浏览器中,414像素的屏幕宽度能够展示1200像素宽度的内容。flex属性是flex-grow(扩展比率),flex-shrink(收缩比率)和flex-basis(宽度,像素值)的缩写,能够设置子元素的伸缩性。flex-flow是属性flex-direction 和flex-wrap 的简写,用于排列弹性子元素。
2023-06-12 11:12:04
857
原创 5.5 HTML5画布
canvas意为画布,现实生活中的画布是用来作画的,HTML5中的canvas与之类似,我们可以称它为“网页中的画布”,有了这个画布便可以轻松的在网页中绘制图形、文字、图片等。用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置,或者说一个Element元素的坐标,现在已经是一个W3C标准。要想操作HTML元素及其属性,首先应该获得这个元素对象,document对象的常用获取HTML元素对象的方法如下表所示。//===============基本绘制API====================
2023-06-12 11:09:57
233
原创 5.6 音频与视频
其实<audio>标签和<video>有很大的相似性,Audio对象和Video对象的DOM操作功能都是由HTMLMediaElement对象统一定义的核心功能,Audio对象指的是HTMLAudioElement对象,它完全继承了HTMLMediaElement对象提供的功能,而Video对象指的是HTMLVideoElement对象,在该对象中提供了额外的功能,主要表现在一些额外的属性上,如下表所示。它能够大幅度降低音频数据量。<source src="视频文件地址" type="video/格式">
2023-06-12 11:09:48
164
原创 5.4 HTML5表单应用
除了<input>标签外,HTML还有其他常用表单标签例如<textarea>、<label>、<select>标签等,HTML5之后还增加了<datalist>、<keygen>、<output>表单标签,接下来一一对它们进行介绍。列表通过<datalist>标签内的<option>标签创建,可以使用<input>标签的list属性引用<datalist>标签的id属性,具体用法如下。年龄:<input type=number min="18" max="100"><br/><br/>
2023-06-12 11:09:04
347
原创 5.2 文本类网页设计
前锋教育致力于为企业培养人才的培训理念,以“学员自学入门教程,通过基础考核后进行强化培训”为招生原则,以“针对企业需求,重视基础理论建设,强化高端应用技能”为教学目标,以“高薪保证强大的资深教育团队”为教学后盾,解决所有培训学员的后顾之忧,并解决用人企业难以招聘到合格人才的困扰。<details>标签用于描述文档或文档某个部分的细节,目前只有Chrome浏览器支持<details>标签,可以与<summary>标签配合使用,<summary>标签用于定义这个描述文档的标题。
2023-06-12 11:07:42
423
原创 5.3 图文类网页设计
其中,length或%用于设置对象的圆角形状,不可为负值。如果省略 bottom-left,则与top-right 相同,如果省略 bottom-right,则与top-left 相同,如果省略top-right,则与top-left 相同。前面学习了CSS3的transition和transform属性,虽然二者结合可以实现一些简单的动画效果,但是也有一些难以克服的缺点,例如我们想让动画在多个状态中转换就无法实现了,CSS3中最后一个动画相关的属性是animations,有了它就可以解决这样的问题。
2023-06-12 11:06:32
290
原创 5.1响应式Web设计基础
HTML5不仅仅是HTML规范的最新版本,它也代表了一系列Web设计技术的总称,其中最重要的三项技术就是HTML5核心规范、CSS3(Cascading Style Sheet,层叠样式表的最新版本)和JavaScript(一种脚本语言,用于增强网页的动态功能),这三项技术在后面的学习中都会涉及到。在一个网页中,默认情况下块级元素独占一行,是自上而下排列,行内元素自左向右排列,但是在实际的网页布局中往往需要改变这种单调的排列方式,使网页内容变得丰富多彩,CSS的浮动和定位完美的解决了这个问题。
2023-06-12 11:05:52
1031
原创 MySQL-数据库设计与实现,头歌两道题目
任务描述将已建好的概念模型,变成MySQL物理实现。相关知识1.数据库设计的阶段和每阶段的任务;2.概念模型;3.逻辑模型及其与概念模型的关系;4.在DBMS中的物理实现。数据库设计的阶段和每阶段的任务数据库的设计大致分为以下几个阶段:根据业务需求,确定应用系统所涉及的数据(信息),以及处理需 求,形成数据字典,包括数据结、数据结构、数据流、数据存储、数据处理过程等文档主要工作是对数据建模,对关系数据库应用系统而言,主要是用ER图描述数据及数据间的关系(当然,也有人使用UML类图)。
2023-05-11 17:49:57
1978
2
原创 头歌平台MySQL-触发器仅供参考
这里,x系指试图插入的pro_pif_id的值。触发器是与某个表绑定的命名存储对象,与存储过程一样,它由一组语句组成,当这个表上发生某个操作(insert,delete,update)时,触发器被触发执行。评测程序将执行你的语句创建触发器,然后对相关表执行insert操作,来触发你定义的触发器,然后查看预期的结果有没有发生。与创建存储过程、函数一样,创建触发器时也要用delimiter语句重新指定触发器定义语句的界符(触发器内语句的分隔符仍为分号),在触发器定义之后,再把界符更改回去。
2023-05-04 16:55:34
3111
原创 Shell脚本编程实践
本关任务:设计一个Shell程序,在/home目录下建立一个userdata目录,在userdata目录下再建立5个目录,即user1~user5,并设置每个目录的权限,其中其他用户的权限为:读;4.本关任务:使用Shell编程读取给定目录下的myText.txt文件,按行计算每行字符的个数并将计算结果输出到/home目录下的result.txt文件中,该文件需要您自行创建。本关任务:编写一个脚本,求斐波那契数列的前10项及总和,注意输出结果请给出一个求和的等式,且勿包含任何空格。2.求一个数的逆序表示。
2023-04-08 10:47:46
2204
1
原创 java实训2-4
2 、(5分)简单的四则运算3 、(5分)球的相关计算问题 球的相关计算涉及到球的体积和球的表面积以及过直径的截面积等,我们知道,以上计算仅需要知道球的半径就可以利用计算公式计算出来,计算中用到的圆周率使用3.14进行计算。 输入: 标准输入一个浮点数r(r>0),代表需要计算的球的半径. 输出: 标准输出,根据输入的球半径r,依次输出球表面积、圆球体积和直径的侧面积大小,数据间由一个空格隔开,结果保留2位有效数字。 测试用例输入: 3
2022-06-01 21:42:57
171
原创 1 、(5分)短信中提取号码
Description 提取一条短信里所有的电话号码,电话号码之间换行打印,短信的内容由用户输入。Input 第一行有个整数n(1≤n≤1000)表示测试用例的个数。其后的每一行中有一条短信,每一条短信中只包含字母、数字、空格、标点符号,没有回车换行符,短信的长度不超过400个英文字符。Output 将每条短信中的电话号码提取出来。每个号码占一行。如果该短信中没有电话号码,请输出“no phone numbers!” 每个测试用例的输出之间用一个空行隔开。 (提示:利用数
2022-06-01 21:39:26
249
1
原创 PTA整数的素因子积表示
任意正合数都可以表示为素因子的积,也称为整数的素因子分解。如果素因子按升序排列,则这种表示方式是唯一的。例如:420=2*2*3*5*7。输入格式:第一行有一个正整数n,表示其后需要处理n个整数。 其后的每行有一个正整数k,(2<k<=10000)。输出格式:每个整数的分解为素因子乘积形式,素因子按升序排列,每个结果输出一行,形如 XXXX=XXXXXX。 如果该数为素数则输出XXXX=XXXX。41213105420结尾无空行输出样例:12=2*
2022-01-07 03:03:15
1255
原创 有理数均值
本题要求编写程序,计算N个有理数的平均值。输入格式:输入第一行给出正整数N(≤100);第二行中按照a1/b1 a2/b2 …的格式给出N个分数形式的有理数,其中分子和分母全是整形范围内的整数;如果是负数,则负号一定出现在最前面。输出格式:在一行中按照a/b的格式输出N个有理数的平均值。注意必须是该有理数的最简分数形式,若分母为1,则只输出分子。输入样例1:41/2 1/6 3/6 -5/10结尾无空行输出样例1:1/6结尾无空行输入样例2:24..
2021-12-28 10:45:37
422
1
原创 如何从最高位开始打印
如1234从1开始打印直到个位。首先求出该数的位数,易知1为该数除最高位得出。而后再将该数取余当前位数,降低其位数。直到其位数为0。以下为代码:#include<stdio.h>int count(int x)//该函数求出所求数字的位数{ int a = 1; while (1) { x /= 10; if (x == 0) break; a *= 10; } return a;}int main(){ int a; scanf("%
2021-12-26 22:28:10
484
原创 求整数序列中出现次数最多的数
本题要求统计一个整型序列中出现次数最多的整数及其出现次数。输入格式:输入在一行中给出序列中整数个数N(0<N≤1000),以及N个整数。数字间以空格分隔。输出格式:在一行中输出出现次数最多的整数及其出现次数,数字间以空格分隔。题目保证这样的数字是唯一的。输入样例:10 3 2 -1 5 3 4 3 0 3 2结尾无空行输出样例:3 4结尾无空行解析: 代码很乱,大致思路为首先先定义一个数组1,将所给的值录入进去,然后,再加以区分,将其中不同..
2021-11-30 21:33:52
1090
原创 字符型有关的题目
#include<stdio.h>int main(){ char ch[100]; int n=0; int s=0; while(scanf("%s",&ch)!=EOF) { s++; } printf("%d",s); return 0;}while(scanf("%s",&ch)!=EOF)这段代码的意思是当当前输入缓存还有东西时就一直读取,直到输入缓存中的内容为空时停止,而...
2021-11-29 20:18:51
492
原创 打印逆转数问题,最大公约数,打印单词长度
运用数组将每一位数赋给数组随后打印,但需要考虑值为零的情况,运用可以将每一位数乘以他们各自的10的此次方,运用pow函数实现,因为在赋值给数组时需要定义一个观测量,用于后面打印逆转数,这样每位数的10次方就写为pow(10,观测量-1);最大公约数问题,单词长度问题在while函数内定义一个计数器,排除多个空格的情况,然后在while内嵌套一个while求出单词的长度,然后再根据计数器的值判断是否输出。...
2021-11-24 23:03:27
90
原创 大笨钟题目笔记
在整形变量中想要打印09,02,之类的数需要在打印时写为(%02d)意思是用0往左补齐,所以需要根据自己打印的数做调整,实例为还有一个函数ceil,头文件为math.h,作用是返回大于或等于 x 的最小的整数值。以此来求之后敲了多少下钟。...
2021-11-22 20:16:22
104
原创 2021.11.22
首先先定义字符数组,因为其可以将0打印出来。运用gets函数,头文件为string.h,读取数据,gets函数读取到回车时,停止读取。根据题意可知,当长度4为要点,通过strlen函数,计算出数组的长度再结合提议,写出if,else语句。...
2021-11-22 20:02:14
233
原创 做题心得2021.11.22
这道题中,运用for循环求各个位数的值,先定义数组来存放各个位数的值,最后通过对a/=10,来不断减少a的位数,最后求出所有的位数。这样的题目,需要确定那些是不变的,确定行数与乘数之间的关系,通过观察得出规律,确定for循环的顺序,按题目标准打印出来。 关于求最大的10个素数问题,只要倒着解题就行了,在定义一个变量记录打印的次数,打印10次后就break。关于这类问题需要用到while和getchar,再根据提议控制while退出的条件,解题思...
2021-11-22 19:17:20
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人