html
关注
分享
扫一扫
HiganDawn
不再犹豫
展开
-
【sass】继承与混入
继承 在样式重复量高的部分可以使用@extend来调用img-style，可以减少代码重复率 %是占位符，在生成css后img-style会消失，被继承的.div1 .div2 所取代. 如果img-style没有被继承，生成css后img-style的样式不会生成. 能减少css的代码量. 混入 在样式中，样样式属性相同但样式值不同，可以将其打包成一个函数进行样式插入，提升sass的代码的简洁性 ...原创 2021-04-30 01:50:05 · 396 阅读 · 0 评论 -
【HTML+css】下拉菜单实现
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>原创 2021-04-29 23:00:32 · 207 阅读 · 0 评论 -
mustache模板引擎
模板导入 <script src="https://cdn.bootcdn.net/ajax/libs/mustache.js/4.1.0/mustache.min.js"> </script> HTML数据: <div id="table"></div> 数据插入 // 数据插入 let template = "<h1>{{ name }}语文考了{{ score }}分</h1>" data = {name: "小明", "sc原创 2021-04-27 16:22:02 · 255 阅读 · 0 评论 -
【HTML+CSS】实现子元素平均布局
<div class="down"> <div class="item">标签</div> <div class="item sel">标签标签标签标签</div> <div class="item">标签</div> <div class="item">标签</div> <div class="item">标签</div> </div> 在原创 2021-04-24 01:35:56 · 998 阅读 · 0 评论 -
【jquery】实现标签切换效果
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>内容与标签切换效果的实现<原创 2021-04-24 00:28:49 · 462 阅读 · 0 评论