李立超
恬一
这个作者很懒,什么都没留下…
展开
-
js基础——math工具
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* Math原创 2021-02-22 23:15:46 · 142 阅读 · 4 评论 -
js基础——数组的四个方法以及数组的遍历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 创建一个数组原创 2021-02-22 07:26:23 · 98 阅读 · 0 评论 -
js基础——数组字面量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> //创建一个数组 /原创 2021-02-21 23:51:48 · 110 阅读 · 0 评论 -
js基础——数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script> /* 内原创 2021-02-21 23:49:21 · 68 阅读 · 0 评论 -
transform的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{原创 2021-01-28 11:24:33 · 311 阅读 · 0 评论 -
CSS——表单的常用属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <form acti原创 2020-10-17 15:43:59 · 417 阅读 · 0 评论 -
CSS——表单介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-10-17 15:41:18 · 125 阅读 · 0 评论 -
前端——表格样式2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{原创 2020-10-16 09:36:47 · 508 阅读 · 0 评论 -
前端——表格简介1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-10-16 09:32:33 · 122 阅读 · 0 评论 -
js基础-函数作用域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 函数作原创 2020-09-05 09:25:34 · 93 阅读 · 0 评论 -
js基础-全局作用域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 作用域原创 2020-09-05 09:22:47 · 123 阅读 · 0 评论 -
js基础-变量的声明提前
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 变量的声原创 2020-09-05 09:18:11 · 113 阅读 · 0 评论 -
js基础-实参练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 练习1原创 2020-09-03 20:00:26 · 149 阅读 · 0 评论 -
js基础-函数的返回值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 创建一个原创 2020-09-03 16:00:27 · 187 阅读 · 0 评论 -
js基础-函数的参数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script> /* 定义原创 2020-09-03 15:47:08 · 113 阅读 · 0 评论 -
js基础-函数
函数原创 2020-09-03 15:35:14 · 375 阅读 · 0 评论 -
js开篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 可以以将js代码写到原创 2020-09-03 10:44:34 · 226 阅读 · 0 评论 -
前端裁图-如何使用ps软件将矩形图片裁剪成圆角矩形
1.ps打开一个图片2.用矩形工具画出一个矩形覆盖在要裁剪的图形上3.将圆角矩形转化为矩形选区,方式:ctrl+鼠标左键(鼠标左键选中的是矩形图层,一般图层在ps界面的右侧栏)矩形变为选区后是一个虚线框4.将右侧两个图层同时选中,矩形选框图层的位置在被裁剪图层下(注意图层的位置顺序笔记中的第六步即为接下来要操作的第五步,手误,懒得修改6.crtl+shift+i 反选,反选之后选择的是被裁除的边角,按delete删除多余的选区,图层裁剪完成最后保存图片,图片裁剪完成...原创 2020-08-22 11:21:16 · 6305 阅读 · 0 评论 -
前端笔记——粘滞定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航条</title> <link rel="stylesheet" href="./reset.css"&原创 2020-08-05 22:27:04 · 357 阅读 · 0 评论 -
前端笔记——固定定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{原创 2020-08-05 22:21:52 · 636 阅读 · 0 评论 -
前端笔记——绝对定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{原创 2020-08-05 22:19:21 · 441 阅读 · 0 评论 -
前端笔记——相对定位
定位(position)-定位是一种更加高级的布局手段-通过定位可以将元素摆放到页面的任意位置-使用position属性来设置定位可选值:static(默认值,元素是静止的,没有开启定位)relative:开启元素的相对定位absolute:开启元素的绝对定位fixed:开启元素的固定定位sticky:开启元素的粘滞定位1.相对定位(relative):-当元素的position属性值设置为ralative时则开启了元素的相对定位-相对定位是参照元素在文档流中的位置进行定位的-相对原创 2020-08-05 22:12:37 · 1075 阅读 · 0 评论 -
前端笔记——常见的超链接的伪类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document</title> <style> /*原创 2020-08-05 19:16:34 · 233 阅读 · 0 评论 -
前端笔记——伪元素选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p::first-letter{原创 2020-08-05 19:13:59 · 96 阅读 · 0 评论 -
前端笔记——伪类选择器
<!DOCTYPE html><html lang="en"> <style> /* 将ul里的第一个li设置为红色 */ ul>li.first{ color:red; } /* 伪类:不存在的类,特殊的类 -作用:描述一个元素的特殊状态 -eg:第一原创 2020-08-05 19:04:42 · 129 阅读 · 0 评论 -
前端基础笔记——关系选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><style> /* 为div的子元素span设置一个原创 2020-08-05 18:41:38 · 129 阅读 · 0 评论 -
前端基础笔记——复合选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 交集选择器:原创 2020-08-05 18:38:53 · 146 阅读 · 0 评论 -
前端基础笔记——常用选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常用选择器</title> <style> /* 将所有的段落设置原创 2020-08-05 18:05:25 · 98 阅读 · 0 评论 -
前端笔记:html,css实现导航条的界面展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航条</title> <link rel="stylesheet" href="./reset.css"&原创 2020-07-30 13:23:21 · 307 阅读 · 0 评论 -
前端笔记——HTML基础篇
<!doctype html><html><!-- head标签,该标签中的内容。不会在网页中直接显示, 它用来帮助解析浏览器中的页面 --> <head><!-- title是网页的标签,默认会显示在浏览器的标题栏中 搜索引擎在检索页面时,会首先检索title标签中的内容 它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名 --> <title>网页的标原创 2020-07-06 12:07:40 · 106 阅读 · 0 评论 -
前端笔记——meta标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- meta主要用来设置一些元数据,元数据不是给用户看 ccharset指定王爷的字符集 name 指定数据的名称 content指定数据的内容 keywords表示网页的关键字,可以同时指定多个关键字,关键字之间可以使用,隔开原创 2020-07-08 20:55:21 · 168 阅读 · 0 评论 -
前端笔记-——空格、」、「符号的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> </head><body> <!-- 在网页中编写多个空格,默认为一个空格 在1html中有时候不能直接写一些特殊符号,比如多个连续空格, 比如字母两侧的大于号和小于号 实体的语法: &实体的名字; .原创 2020-07-08 20:52:27 · 2848 阅读 · 0 评论