freedom122198-优快云博客

原创线性渐变小练习

线性渐变小练习线性渐变为了创建一个线性渐变，需要设置一个起始点和一个方向（指定为一个角度），还要定义终止色并且必须指定至少两种，当然也可以指定多种颜色去创建更复杂的渐变效果。默认从上到下发生渐变 linear-gradient(skyblue,plum); 改变渐变方向：（top bottom left right） linear-gradient(to 结束的方向,skyblue,plum); 结束的方向：right、left、top、bottom 使用角度 linear-gradien

2021-04-21 23:49:37 218

原创 css小练习

css小练习 1.用css实现一个聊天框 <!DOCTYPE html> <html lang="en"> <head> <title>用css实现一个聊天框</title> <style> *{ margin: 0; padding: 0; } html,body{ height: 100%;

2021-04-20 20:58:25 169

原创盒子水平垂直居中的方案

1.盒子水平垂直居中的方案方案1-定位 <link rel="stylesheet" href="../../css/reset.min.css"> <style> html, body{ height: 100%; overflow: hidden; } .box{ box-sizing: border-box;

2021-04-18 22:01:16 192

原创前端Java Script基础（五）

练习自加自减练习 <script type="text/javascript"> var n1=10; var n2=20; var n = n1++; //n1 = 11 n1++ = 10 console.log('n='+n); // 10 console.log('n1='+n1); //11 n = ++n1 //n1 = 12 ++n1 =12 console.log('n='+n);

2020-10-27 11:21:51 472

原创前端Java Script基础（四）

流程控制语句 1.语句 • 语句是一个程序的基本单位，JS的程序就是由一条一条语句构成的，每一条语句使用;结尾。 • JS中的语句默认是由上至下顺序执行的，但是我们也可以通过一些流程控制语句来控制语句的执行顺序。比如：console.log("a = "+a); 2.代码块代码块是在大括号 {} 中所写的语句，以此将多条语句的集合视为一条语句来使用。我们一般使用代码块将需要一起执行的语句进行分组，需要注意的是，代码块结尾不需要加分号。在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为

2020-10-27 11:20:42 246

原创前端Java Script基础（三）

运算符 1. 进制在js中，如果需要表示16进制的数字，则需要以0x开头如果需要表示8进制的数字，则需要以0开头如果要要表示2进制的数字，则需要以0b开头，但是不是所有的浏览器都支持 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript">

2020-10-23 08:42:11 205

原创前端Java Script基础（二）

** 数据类型** 1. 数据类型数据类型决定了一个数据的特征，比如：1234和”1234”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。不同的数据类型在操作时会有很大的不同。 JavaScript中一共有5种基本数据类型：（1）字符串型（String）（2）数值型（Number）（3）布尔型（Boolean）（4）null型（Null）（5）undefined型（Undefined）未定义一种引用数据类型（Object）补充在字符串中我们可以使用\作为转义

2020-10-22 20:02:17 239

原创前端Java Script基础（一）

JavaScript简介 1. 起源 • JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。 • 所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。 • 比如：用户名的长度，密码的长度，邮箱的格式等。 2. 实现一个完整的JavaScript实现应该由以下三个部分构成：（1）ECMAScript （2）DOM （3）BOM 3. 特点（1）解释型语言 • JavaScript是一门解释型语言，所谓解释型值语言不需要被编译为机器码在执行，而是直接执行。 • 由于少了

2020-10-22 19:09:23 737

m0_47800094的博客