自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(106)
  • 资源 (52)

原创 详解:34word-wrap

兄弟们,你们看着啊总结:核心:截断word-wrap: break-word;也可以写成overflow-wrap: break-word;一样的哈,word-break: break-all;核心是:内容在宽度的邻界点就自动换行了哈(注意点,也就是说宽度邻界点那里放不下将要显示在这里的字符就换航了呀注意点来了,单词呢怎么说?也截断,放不下的汉子和单词都截断效果:第二个:word-bre...

2020-04-30 14:32:38 727 5

原创 详解:33案例(qq新闻)

核心之点:counter:是css计数器,只能跟content属性在一起使用的时候才起作用,而content属性专用在before/after伪元素上核心之点:我举个例子把,好吧<style> .box{width:300px; height:200px; background:#000; color:#fff; padding:30px;} p{f...

2020-04-30 13:44:07 98 4

原创 php+mysql原理分页+我的博客里面有核心解释

create table page1(ID INT(10) not null auto_increment key,NAME varchar(50) not null);insert into page1(NAME) values("陈业贵");insert into page1(NAME) values("陈业贵");insert into page1(NAME) values("陈...

2020-04-29 22:52:26 105 2

原创 cookie登陆+我的博客里面有核心解释

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>登录页面</h1> <form action="doA...

2020-04-29 22:51:20 98 1

原创 session技术登陆+我的博客里面有核心解释

//销毁页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <?phpsession_start();//$_SESSION=ar...

2020-04-29 22:49:58 86

原创 PHP+MYSQL购物车:通俗易懂理解等你来哦+我的博客里面有核心解释

create table if not exists shop_goods( id int unsigned auto_increment key, gname varchar(50) not null unique, price decimal(10,2) not null default 0, number int unsigned not null default 0, pic v...

2020-04-29 22:47:10 169 1

原创 三大JS设计模式(工厂 单例 适配器)模式。通俗易懂理解等你来理解

核心之点:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css/reset.css"/>...

2020-04-29 22:41:41 64

原创 桥接+命令+策略+模板+职责链模式(等你来看懂)JavaScript
原力计划

核心是状态变化,简单话,也就是说不用ifelse去做啦//状态模式是很多状态,多种状态把核心是状态和谁去看状态做出相应的改变啦//几个类因为是状态模式是两个类一个是状态一个是看状态做出相应的改变啦\///*class wo{ constructor() { //我先还没看呢 this.state=null//为什么因为wo还没看灯呢 }}class zhuangta...

2020-04-29 16:48:20 74 1

原创 装饰+代理+外观+观察者(等你来看懂)
原力计划

//装饰者模式 //致命思想:人穿上衣服 /*class Circle { //这里不行,因为下面要调用上面的进行装饰的啊 draw() { console.log('画一个原型') } } class Decorator { constructor(circle) { this.circle = circle } //然后是...

2020-04-29 16:45:14 71 2

原创 注册+登陆(增删改查)PHP+MYSQL+SESSION。。。+(核心解释在我的博客内,切记,一定要看!!!!!!!!!)
原力计划

//sql语句页面create table users(id int(10) unsigned not null auto_INCREMENT KEY,username varchar(16) not null,password varchar(40) not null)charset=utf8;create table items(id int(10) unsigned not n...

2020-04-29 16:18:19 127 1

原创 详解:32text-overflow各种值

核心知识点;第一个classbox1我不讲你也懂是吧那第二个呢?他是what?overflow:hidden;它代表超过我们所定义的宽高就会超过的部分会被裁剪。第三个呢?若为text-overflow:clip 简单的裁切若为text-overflow:ellipsis 当对象内文本溢出时(超过宽高时)显示省略标记(…) ,我的理解是裁剪然后用。。。代替超过的部分最后说一句,不要嫌...

2020-04-29 13:36:37 83 1

原创 详解:31 king案例

核心:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='s...

2020-04-29 13:24:37 57 1

原创 详解:30 text-shadow的开端

核心知识点是:text-shadow:x y 模糊的大小 模糊的颜色,请大家记住一点:xy可以负数形式出现嘿嘿。核心是复制哈<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text-shadow</title> <lin...

2020-04-28 14:54:48 56 1

原创 详解:29 进进出出案例(box-shadow)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box-shadow</title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> &lt...

2020-04-28 14:39:29 638 1

原创 详解:28 box-shadow开端

/这是比如pink的宽150高150的东西,然后是x往右20 往下50的移动/兄弟们,记住一句核心:右下为正,左下为负。记住哈,兄弟们,移动只有两个哈,xy轴<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box-shadow</t...

2020-04-28 09:48:25 56 1

原创 详解:27 border-image边框背景案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>border-image边框背景</title> <link rel="stylesheet" type="text/css" href="css/reset.css"/&gt...

2020-04-28 09:23:58 85 2

原创 详解:26 border-image

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 400px; ...

2020-04-28 09:07:08 81 2

原创 详解: 25 最难点: border-collapse: separate;

table代表这是一个表格tr标签代表整个表格中的一行数据,只要一行都是属于他的,无论多长多一样td代表单元格border-collapse: separate;核心是为外边距合并起来,要设置在table那里就能合并所有的单元格了记住,只能设置在table中。但是合并所有单元格,设置在tr或者td标签中无用。border-spacing: 5px;核心是设置相邻单元格的边框间的距离,记住...

2020-04-28 00:30:22 165 3

原创 详解:24 圆角的变化,对你的加深margin理解可能会有可能

核心:margin:100px auto;核心在于有两个参数,第一个为上下,第二个为左右,,上下代表上下都为100哈,问题?为什么下也为100px呢,因为你看哈怎么实现的呢?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆角<...

2020-04-28 00:16:32 60 2

原创 详解:兄弟们,这个不懂,li嵌套,我懂再写哈

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>counters</title> <style type="text/css"> ol{ counter-reset: chapter; } li:before...

2020-04-27 23:52:58 61

原创 详解: 23 border-radius以border为基点(变化点)

核心: border-radius: 60px 40px 20px 10px /30px 20px 10px 5px;是什么?/第一个是60 30是左上角把,是水平60垂直30.。/依次比较border-radius: 40px;代表什么?代表左上角 右上角 右下角 左下角四个都水平垂直为40px。border-width: 20px 30px 0px 50px;代表上 右 下 左哈b...

2020-04-26 23:37:17 70 1

原创 详解:22 border-radius

核心:记住,如果只写一个的话,代表四个角都变化记住:如果写两个的话。代表左上角与右下角一样,右上角与左下角一样记住:如果三个值的话,代表左上角 右上角 左下角如果四个值的话,代表顺时针,从左上角----右上角—右下角—左下角记住:border-top-left-radius: 80px 40px;这样的,都是上下然后左右的写的时候勒,80px是水平,然后是40px垂直<...

2020-04-26 23:28:01 58 1

原创 详解:21 计数器

核心:counter-reset意思:定义变量,一个变量对应一个值,不写值默认为0 变量名 值 变量名 值 记住啊,不需要,写,就错了!!!写,代表终止了哈counter-increment意思:累加,也就是说每次加几,不写默认+0content意思:内容,也就是说文字counter意思:用来显示计数器的结果的啊记住:counter()函数必须和content属性一起使用记住,...

2020-04-26 14:22:35 85 1

原创 详解:20 :before :after attr

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .test1:after/*attr根据属性找到属性值*/ { ...

2020-04-26 11:18:29 56 1

原创 详解:19 ::selection

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ::selection { ...

2020-04-26 10:56:57 68 1

原创 详解:18:in-range :out-of-range

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input[type="number"]:in-range ...

2020-04-26 10:43:35 51 1

原创 详解:17 :valid :invalid

核心:这里记住了哈,作用的可是type=“email”<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> input[type="ema...

2020-04-26 10:35:38 68 1

原创 详解: input[type="类型是什么"] 16

核心:记住哈,:required与:optional对单选框和复选框,自己的理解,无效哈核心:最核心的点来了为什么单选按钮要两个name一样的呢?因为两个name一样代表只能有一个啊,name两个是不是最后一个会覆盖前一个,对了嘛是把比如两个一样的变量是不是会覆盖成为一个呢,所以一个就是单选按钮啊懂?复选框为什么要两个都一样?我的理解是我试来一下,不一样也行,我的理解就是这样,有个性...

2020-04-26 10:30:59 62 1

原创 详解::required :optional 15

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> input:required { ...

2020-04-26 10:18:40 59 1

原创 详解::read-only只能读 只能写read-write 14

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test1:-moz-read-o...

2020-04-26 00:55:21 63 1

原创 经验

不管什么代码记住了哈,老哥们,都是从上到下,从左到右执行的哈,css也不例外

2020-04-25 23:30:22 46 1

原创 看:hover之后必看核心写错了:hover那里,我现在重新写最核心的地方哈

.box1:hover li:not(:hover)代表最重要的条件就是.box1:hover了,为什么,因为代表必须触碰才能有效果,不触碰就是没有效果的而 li:not(:hover)就是不触碰就有效果,之前加上 .box1:hover点睛之笔啊哈哈哈呵呵、单独写 li:not(:hover)的话,就会不触碰也会全部变透明,为什么哈哈哈,因为这句话的意思是li里面not不触碰的话,也就...

2020-04-25 23:27:23 40 1

原创 详解::enable(启用) 13

核心:启用的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test1:enabled/*启用的类...

2020-04-25 23:05:46 45 1

原创 详解: :hover 12 三种方式 唉,累死我了看评论啊啊啊

核心是:触碰到哪里,记住是触碰哈,因为not所以触碰的没有效果,其他的都有效果,问题什么效果?opacity: .2;filter: alpha(opacity=20);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu...

2020-04-25 23:03:37 57 3

原创 详解: :not 11三种写方式

核心是表单用最后一种方式,其他的用第一第二种方式哈问题?为什么表单用的是最后一种方式,因为他有类型哈,因为表单有很多类型·,如果只设一种类型css语法,就type=""就行了问题?为什么加[]因为代表这是表单独有的方式哈<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2020-04-25 22:39:35 28 1

原创 详解::empty 10

核心是如果元素的内容部分如果有字符就不会有效果,没有字符才有效果,为什么?因为:empty的意思是为空哈,为空才能效果哈记住是一个:,写两个就没有效果了哈<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<...

2020-04-25 22:27:00 35

原创 详解:9only-child only-of-type

only-child只有一个子元素的css样式only-of-type只有一个元素的css样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="...

2020-04-25 01:27:08 37 2

原创 详解: 8,连续和不连续最后与开始的选择器

核心:我不说之前说过的话,+nth代表从1开始,是奇数还是偶数哈```css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"...

2020-04-25 01:24:47 34 1

原创 详解: 7案例,浮动排列

核心:这些都是从1开始的哈,自己找图片,重命名即可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ...

2020-04-25 01:21:15 41

原创 详解:nth-last-of-type(2) nth-of-type(2) nth-child(2) 6

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box1 p:nth-child(2) ...

2020-04-24 22:25:02 32 1

29 - Countdown Timer.rar

29 - Countdown Timer.rar

2020-05-02

27 - Click and Drag.rar

27 - Click and Drag.rar

2020-05-02

26 - Stripe Follow Along Nav.rar

26 - Stripe Follow Along Nav.rar

2020-05-02

25 - Event Capture, Propagation, Bubbling and Once.rar

25 - Event Capture, Propagation, Bubbling and Once.rar

2020-05-01

24 - Sticky Nav.rar

24 - Sticky Nav.rar

2020-05-01

21 - Geolocation.rar

21 - Geolocation.rar

2020-05-01

20 - Speech Detection.rar

20 - Speech Detection.rar

2020-05-01

18 - Day18 - Reduce、Map混合使用计算时分秒.rar

18 - Day18 - Reduce、Map混合使用计算时分秒.rar

2020-05-01

17 - 数组排序.rar

17 - 数组排序.rar

2020-05-01

16 - 移动鼠标让字体呈现彩虹效果.rar

16 - 移动鼠标让字体呈现彩虹效果.rar

2020-05-01

15 - LocalStorage.rar

15 - LocalStorage.rar

2020-05-01

13 - 图片随屏幕滚动而滑入滑出的效果.rar

13 - 图片随屏幕滚动而滑入滑出的效果.rar

2020-05-01

12 - 键盘输入序列的验证指南.rar

12 - 键盘输入序列的验证指南.rar

2020-05-01

14 - JavaScript 引用和值拷贝.rar

14 - JavaScript 引用和值拷贝.rar

2020-05-01

10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

2020-05-01

09 - Console 调试各种姿势指南.rar

09 - Console 调试各种姿势指南.rar

2020-05-01

08 - HTML5 Canvas 实现彩虹画笔绘画板.rar

08 - HTML5 Canvas 实现彩虹画笔绘画板.rar

2020-05-01

06 - Fetch、filter、正则表达式实现快速古诗匹配.rar

06 - Fetch、filter、正则表达式实现快速古诗匹配.rar

2020-05-01

05 - Flex Panel Gallery.rar

05 - Flex Panel Gallery.rar

2020-05-01

04 - Array Cardio Day 1.rar

04 - Array Cardio Day 1.rar

2020-05-01

03 - CSS Variables.rar

03 - CSS Variables.rar

2020-05-01

02 - JS and CSS Clock.rar

02 - JS and CSS Clock.rar

2020-05-01

01 - JavaScript Drum Kit.rar

01 - JavaScript Drum Kit.rar

2020-05-01

CSS3(加个关注就行).rar

CSS3(加个关注就行).rar

2020-05-01

CSS3脚本.rar

CSS3脚本.rar

2020-05-01

选项卡(加个关注就行).rar

选项卡(加个关注就行).rar

2020-05-01

表单脚本(加个关注就行).rar

表单脚本(加个关注就行).rar

2020-05-01

滚动条(加个关注就行).rar

滚动条(加个关注就行).rar

2020-05-01

瀑布流(加个关注就行).rar

瀑布流(加个关注就行).rar

2020-05-01

播放器(加个关注就行).rar

播放器(加个关注就行).rar

2020-05-01

弹出层(加个关注就行).rar

弹出层(加个关注就行).rar

2020-05-01

倒计时(加个关注就行哈).rar

倒计时(加个关注就行哈).rar

2020-05-01

进度条(加个关注就行哈哈哈哈).rar

进度条(加个关注就行哈哈哈哈).rar

2020-05-01

BaiduNetdisk_6.8.2.21.exe

BaiduNetdisk_6.8.2.21.exe

2020-04-30

在线客服(可以的话,加个关注).rar

在线客服(可以的话,加个关注).rar

2020-04-30

文字特效(可以的话,加个关注).rar

文字特效(可以的话,加个关注).rar

2020-04-30

手风琴(可以的话,加个关注).rar

手风琴(可以的话,加个关注).rar

2020-04-30

时间轴(可以的话,加个关注).rar

时间轴(可以的话,加个关注).rar

2020-04-30

日历代码(可以的话,加个关注).rar

日历代码(可以的话,加个关注).rar

2020-04-30

前端面试题(可以的话,加个关注).rar

前端面试题(可以的话,加个关注).rar

2020-04-30

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除