- 博客(35)
- 资源 (44)
- 问答 (1)
- 收藏
- 关注
原创 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 type="text/css">
2020-10-31 14:07:25 1048 8
原创 float现象(是什么,脱标,排序,贴靠,字围,高度问题)
float特点:1:浮动的元素能让行内元素设置宽高.2:记住,浮动的元素能使用内外边距.3:浮动中不区分行内/块级/行内块级元素的.都可以设置宽高.4:浮动元素是一种水平排版的东西.5:浮动跟行内块级元素很像.6:float只能水平排版.缺点:1:浮动中没有居中对齐,没有.只有左对齐 右对齐.2:但是不能使用margin: 0 auto;使用这样无效.什么是水平排版?行内元素/行内块级元素什么是垂直排版?块级元素
2020-10-31 09:37:23 3511 13
原创 line-height最详解
line-height注意点:行高和盒子高不是同一个概念行高指的是每行内容的高度盒子高指的是元素的高度怎么办?第一步:先把行高设置成20px第二步;再设置自身padding的top与bottom为20px就行了.这样就和行高80px一样。还原字体与字号:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>54-清空默认边
2020-10-31 02:52:46 3057 1
原创 css3盒子模型最详解
box-sizing<html lang="en"><head> <meta charset="UTF-8"> <title>51-盒子box-sizing属性</title> <style> .content{ width: 300px; height: 300px; background-color: red;
2020-10-31 01:19:45 1812 3
原创 CSS盒子模型最详解
1:什么是盒子模型?最重要的一点就是水平方向外边距是会叠加的哈内容+内边距+边框+外边距==盒子模型;注意一下:外边距是没有背景颜色的哈.设置不了的哈.举例子:结论1.在HTML中所有的标签都可以设置宽度/高度 == 指定可以存放内容的区域内边距 == 填充物边框 == 手机盒子自己外边距 == 盒子和盒子之间的间隙代码:<!DOCTYPE html><html lang="en"><head> <meta charset
2020-10-31 00:55:00 1149 3
原创 CSS border详解+padding详解+margin详解
border篇:<!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 type="text/css">
2020-10-30 10:43:19 1255 3
原创 重学---css背景与精灵图
background-color:<!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 type="text/css"> *{
2020-10-30 09:50:33 790 4
原创 css显示模式
来来来,实现一个简单的布局.(div容器级与span文本级)的区别<!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 type="te
2020-10-30 03:18:53 855 1
原创 css三大特性继承性 层叠性 优先级 !important 权重
继承性:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-CSS三大特性之继承性</title> <style> div{ color: red; text-decoration: none; font-size: 3
2020-10-30 01:18:54 1140 1
原创 css3选择器高级部分
序选择器;<!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 type="text/css"> *{padding: 0px
2020-10-30 00:51:42 1050
原创 五千字长文-css3选择器基础最详解(讲述其核心特点)(下次更新的是选择器高级)
标签选择器:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08-标签选择器</title> <style> p{ color: red; } h1{ color: blue; } <
2020-10-29 14:58:58 923 10
原创 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> <style type="text/css"> *{padding: 0px;margi
2020-10-29 09:09:42 829 1
原创 touch的深入理解
<!doctype html> <html> <head> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta charset="utf-8"> <title></title> <style type="text/
2020-10-29 05:14:44 887 1
原创 touch实现js拖拽
<!DOCTYPE html><html lang="en" style="font-size: 30px"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="
2020-10-29 05:03:19 1094
原创 JS函数(号称最全最详解包括es6)
第一绝:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //什么是函数? /* 1.什么是函数? 函数是专门用于封装代码的, 函数是一段可以随时被反复执行的代码块
2020-10-29 00:05:01 1315
原创 JS数组(最全的数组最详解包括es6)
数组第一:问题?什么是数组?数组就是用来存储一组数据的东西。注意:数组不是基本数据类型,他是引用数据类型。简称对象类型。问题?为什么呢?因为他的元素代表类一个一个对象啊。问题?怎么创建一个数组?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body&g
2020-10-28 23:24:45 2404 2
原创 史上最全html,搞定OF COURSE.
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <img src="./.jpg" width="100" height="100" title="贵哥牛逼" alt="李文"></body></html>
2020-10-28 22:55:14 815
原创 居中的几种方式
第一种:<!doctype html> <html> <head> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta charset="utf-8"> <title></title> <style type=
2020-10-28 04:00:55 1032
原创 响应式布局(媒体查询)
<!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 type="text/css"> *{padding: 0px;margi
2020-10-28 03:52:30 736
原创 input的类型汇总
<!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> 文本类型:<input type="text
2020-10-28 02:51:11 1280
原创 localStorage与sessionStorage的增删改查
<!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> <script type="text/jav
2020-10-28 00:26:34 779
原创 js拖拽
/*js拖拽逻辑:第一:为什么要定位?因为往左往上left top要定位的哈第二:为什么点击down包括着移动move与抬起up.因为代表这三个是不独立的.第三:为什么down是div.move与up是document.因为鼠标移动是在document移动,点击是在div上点击.其实一句话,鼠标移动div跟着移动而已.*/核心代码:代表着鼠标到可视区-div到可视区===div到可视区.代表了***移动后的***的鼠标到可视区的----div到鼠标的距离.这里面可能有点难理解,我举
2020-10-28 00:12:50 817 2
原创 jsDOM逐步实现原生事件机制(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-19 22:56:26 782 4
原创 js的图片渐渐入渐渐出的效果(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-19 03:45:07 1745 4
原创 js逐步实现原生模态登录框(css逻辑 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> <link rel="stylesheet" href="https:/
2020-10-18 23:42:21 977 4
原创 js逐步教你实现DOM系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-17 10:29:57 1011 2
原创 js逐步教你实现原生汇率计算器系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-17 07:49:04 4784 13
原创 JS逐步教你做(自己版本)的视频播放器(html逻辑 css逻辑 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> <link href="https://stackpath.bootstrapcdn.
2020-10-17 02:11:39 1223 9
原创 js逐步教你实现原生电影院系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-15 00:03:48 4761 26
原创 js逐步教你实现原生古诗匹配系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-13 00:06:41 1267 1
原创 h5逐步实现 <<canvas系统>>(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-12 00:58:48 921 8
原创 js逐步实现原生flex系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;marg
2020-10-11 23:36:05 925 6
原创 js逐步实现原生控制系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-10 00:46:39 912 7
原创 js逐步教实现表单系统(html逻辑 css逻辑 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> <style type="text/css"> :root {
2020-10-09 00:57:39 1231 2
原创 js逐步教实现音乐系统(html逻辑 css逻辑 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> <style type="text/css"> *{padding: 0px;margi
2020-10-08 04:03:00 1307 1
25 - Event Capture, Propagation, Bubbling and Once.rar
2020-05-01
这接口的增删改查应该怎么写?数据库中表怎么定义?
2021-09-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人