freedom122198-CSDN博客

原创线性渐变小练习

线性渐变小练习线性渐变为了创建一个线性渐变，需要设置一个起始点和一个方向（指定为一个角度），还要定义终止色并且必须指定至少两种，当然也可以指定多种颜色去创建更复杂的渐变效果。默认从上到下发生渐变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 150

原创 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 122

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

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 130

原创前端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 383

原创前端Java Script基础（四）

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

2020-10-27 11:20:42 183

原创前端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 138

原创前端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 169

原创前端Java Script基础（一）

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

2020-10-22 19:09:23 643

原创前端HTML基础知识（一）

第二个代码及注释<html>  <head> <!-- title网页的标题标签，默认会显示在浏览器的标题栏中搜索引擎在检索页面时，会首先检索title标签中的内容它是网页中对于搜索引擎来说最重要的内容

2020-09-25 17:09:29 228

原创前端HTML基础知识（二）

课程简介做什么前端工程师做什么：软件的开发软件主要分为两种架构C/S和B/S。（我们主要从事的是B/S的软件的开发）什么是B/S？（1）B/S中的B指的是browsers，是浏览器的意思，S值Server指服务器的意思。（2）B/S架构的软件一般都是通过访问一个网页的形式来使用的，而将一些运算等操作放到远端的服务器上。（3）这样就降低了对客户端的要求，我们的计算机上只需要安装一个浏览器即可使用。（4）像我们常用的京东、taobao、12306等这些网站都是B/S架构的软件。软

2020-09-25 13:27:27 178

原创计算机基础知识（一）

自学Python第一天计算机基础知识（一）1. 计算机是什么计算机是用来计算的机器！目前来讲，计算机只能根据人类的指令来完成各种操作。2. 计算机的组成由两部分组成：软件、硬件硬件包括：键盘、鼠标、显示器、CPU、主板、内存、硬盘……硬件是看得见摸得着的软件包含：系统软件（Windows、macOS、Linux）和应用软件（office、QQ……）软件是看得见摸不着的，软件负责控制计算机的硬件。3. 计算机的使用方式要用软件对计算机完成各种操作注意：软件并不是所有功能都会对用户开放

2020-05-15 10:45:34 313

m0_47800094的博客