as1405101-CSDN博客

转载八卦图

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahtt...

2019-09-22 23:59:00 157

转载方块样式

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>方块样式设置</title><style>div...

2019-09-12 15:58:00 212

转载表单验证

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> <style> ...

2019-09-12 15:55:00 111

转载模态框

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>模态框</title><style>header...

2019-09-12 15:54:00 118

转载绘制时钟

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Canvas绘制时钟Demo</title> <style&gt...

2019-09-12 15:53:00 138

转载手风琴

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>横向手风琴</title><style>...

2019-09-02 00:45:00 85

转载许愿墙

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, ini...

2019-09-02 00:44:00 160

转载函数

函数函数基础介绍声明方式字面量声明函数名:就是我们调用函数时需要书写的标识符形式参数:简称形参，是调用函数时需要接收的参数实际参数:简称实参，是调用函数时实际传递过去的参数函数表达式构造器声明函数函数的调用函数的返回值return：后面的代码不会执行；只能返回一个值；想反回多个值，可以考虑返回一个数组函数的参数...

2019-08-23 16:34:00 78

转载语句

流程控制语句：所谓流程控制，主要就是用于控制整个程序的走向的。默认情况下，程序是从上往下，逐条执行，这种情况我们将其称之为顺序结构。但是并不是所有的程序都是使用顺序结构就能够完成的。在我们书写程序时往往还需要对整个程序进行分之，或者对某一段代码进行重复执行。所以，在这一章我们就一起来看一下JavaScript中的流程控制语句。条件语句：条件语句，主要就是给定一个判断...

2019-08-23 16:33:00 183

转载循环语句

循环语句；while循环：示例：While（表达式）{循环体}注：循环语句存在无穷循环俗称死循环，在书写循环语句时一定要注意给循环写一个出口，让循环借此能在循环一定次数之后可以退出。Dowhile循环：示例：Do{执行语句;}while（表达式）注：dowhile循环会先执行一次循环体，然后检查值是否为真，如果是真则会重复执行循环...

2019-08-23 16:32:00 117

转载编写SASS代码

编写SASS代码在css文件中新建一个index.scss 文件，注意后缀名为.scss ，表示这是一个使用Sass CSS语言编写的文件。在该文件中输入下面的代码：@charset "utf-8";$darkcolor : #2E2E2E; //定义一个颜色变量，值为#2E2E2E$lightcolor : #c1c1c1; //定义一个颜色变量，值为#c...

2019-08-23 16:29:00 285

转载表单

表单1.表单概述1什么是表单表单是一块可采集用户数据的区域表单对后端开发者至关重要2如何创建表单区域用form元素表示表单用action属性表示表单的提交地址用method属性表示表单的提交方式在制作静态页面时，可不用书写上述的属性在制作静态页面时，建议不要设置form元素的样式）3表单中可放置哪些元素对于静态页面的开发者，表单只是一个...

2019-08-23 16:27:00 239

转载动画和变形

1.盒子动画1简单动画：认识简单动画简单动画的常见应用渐变时间函数：transition-timing-functionCSS属性以何种速度进行渐变贝塞尔曲线：cubic-bezier：贝塞尔曲线是由四个参考点绘制而成的曲线；在CSS中，第一个点和第四个点已固定，用户可以设置第二和第三个点；曲线的纵坐标表示渐变轨迹，横坐标表示时间；示例：transi...

2019-08-23 16:25:00 67

转载图片多媒体

1.页面制作过程回顾1.1得到设计图1.2划分页面区域（HTML：结构元素，CSS：块盒）1.3填充区域中的内容（HTML：文字、图片和多媒体元素等，CSS：行盒）2.图片和多媒体2.1视频：video元素（src属性：视频路径，controls属性：【布尔属性】指定后，会显示播放控件：XXX="XXX" 这种写法的属性叫做布尔属性，布尔属性只有两种状态，指...

2019-08-23 16:24:00 102

转载基本概念

1.基本概念视觉格式化模型（visual formatting model）：CSS的一种机制，它规定了页面中的多个盒子如何布局。包含块：每个元素都有一个包含块，它是指元素在页面中摆放的区域通常情况下，元素的包含块是它父元素的内容盒（content-box）根元素的包含块是初始化包含块（initial containing block）。2.定位体系概述...

2019-08-03 15:55:00 88

转载弹性布局

弹性布局1.一个盒子，如果将其display属性设置为 flex ，该盒子变为弹性盒（弹性容器），该盒子的所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅仅是弹性盒中的弹性项目2.属性：lflex-direction ：更改主轴方向lrow 行默认值lrow-reverse 反向主轴从右向左lcolumn 列 ...

2019-08-03 15:51:00 149

转载 HTML和CSS概述

总结HTML和CSS概述1.根据W3C定义，HTML全称HyperText Markup Language2.用于定义文档内容结构W3C: 万维网联盟，是目前Web技术领域最具权威和影响力的技术标准机构HyperText Markup Language: 超文本标记语言，该语言书写的代码通常会被浏览器解析执行什么是CSS根据W3C定义，CSS全称Casc...

2019-07-26 14:14:00 71

转载页面的制作过程

1.页面的制作过程设计师——设计稿——前端工程师设计稿=前端工程师+划分区域+填充内容用合适的元素来表示不同的区域，设置区域的位置、尺寸、背景等样式。每个元素都会在页面中生成一个矩形区域，CSS称该矩形区域为盒子(box)2.述盒模型概Margin:外边框，与其他盒子的距离。Border:边框Padding：内边框，边框与内容的距离。Cont...

2019-07-26 14:10:00 243