JS设计模式全套

el/2024/4/20 15:07:11

复制这段内容后打开百度网盘手机App,操作更方便哦 链接:https://pan.baidu.com/s/1LrIdr0oLAo-YIhknAMVnYw 提取码:67ry


http://www.ngui.cc/el/2926771.html

相关文章

详解:属性选择器1

属性选择器的核心: 代表包含就能匹配 ^代表第一个如果是的话就能匹配 $最后一个末尾如果是的话就能匹配 问题:比如[class“test”]这个如果test如果taedsft也能匹配嘛?答案是不能,必须是一个整体哈,也就说说根据* ^ $这个代表是匹…

详解::target 2

核心是&#xff1a;找到并且匹配然后显示效果 怎么找&#xff1f; 通过id 这样说好像太裸铜了把。 <li><a href"#p1">李文1</a></li>记住&#xff1a;#代表要找的为id&#xff0c;p1代表要找到是什么&#xff0c;知道把&#xff0c;记住。是…

详解:tab 3

<!--选项卡的html部分&#xff0c;是先div包括起来全部&#xff0c;然后最上面是ul三个&#xff0c;下面是div内容就行了啊--> <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title></title>&l…

详解::root 4

<!DOCTYPE html><html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style type"text/css">html:root{color: red;}</style> </head> <body><h1>李文1<…

详解: 7案例,浮动排列

核心:这些都是从1开始的哈,自己找图片&#xff0c;重命名即可。 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style type"text/css">*{padding: 0px;marg…

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

核心&#xff1a;我不说之前说过的话&#xff0c;nth代表从1开始&#xff0c;是奇数还是偶数哈 css <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style type"text…

详解: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"text/css">.box1 p:onl…

详解::empty 10

核心是如果元素的内容部分如果有字符就不会有效果&#xff0c;没有字符才有效果&#xff0c;为什么&#xff1f; 因为:empty的意思是为空哈&#xff0c;为空才能效果哈 记住是一个:&#xff0c;写两个就没有效果了哈 <!DOCTYPE html> <html lang"en"> &…

详解: :not 11三种写方式

核心是表单用最后一种方式&#xff0c;其他的用第一第二种方式哈 问题?为什么表单用的是最后一种方式&#xff0c;因为他有类型哈,因为表单有很多类型&#xff0c;如果只设一种类型css语法&#xff0c;就type""就行了 问题&#xff1f;为什么加[] 因为代表这是表单独…

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

核心是&#xff1a;触碰到哪里&#xff0c;记住是触碰哈&#xff0c;因为not所以触碰的没有效果&#xff0c;其他的都有效果&#xff0c;问题什么效果&#xff1f; opacity: .2; filter: alpha(opacity20); <!DOCTYPE html> <html lang"en"> <head&g…