web-前端
关注
分享
扫一扫
宋小筷子
这个作者很懒，什么都没留下…
展开
-
带 more 按钮的 tab 切换
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-11-05 15:50:40 · 344 阅读 · 1 评论 -
HTML5 的 frameset 替代方案
HTML5 已经不支持 frame 来实现页面框架了。只能另辟蹊径，jQuery 的 load()方法，就可以很好的解决这个问题。下面用使用三个页面来完成导航页面的制作。1.主页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>load_method</title> <scr原创 2016-12-07 10:00:32 · 22336 阅读 · 3 评论 -
Less 学习笔记(三)
3. 混合基本混合，将被混合的样式直接添加到需要的地方就可以了带参数的混合，给被混合的样式添加参数，混合时注意使用括号，并在括号中为参数赋值参数有默认值的混合，给被混合的样式的参数添加默认值。混合时，如果不对参数赋值，则使用默认值，否则，使用自定义的值混合的日常应用举例 —— CSS3 添加圆角上一节...原创 2018-11-19 15:44:23 · 272 阅读 · 0 评论 -
Less 学习笔记(一)
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。本笔记使用 Sublime Text3 作为编辑器，该编辑器默认不支持 Less 高亮，所以要先安装 Less 插件。Koala 的基本使用新建项目将项目目录拖动到 Koala 中，设置输出路径，选择和 les...原创 2018-11-17 11:34:42 · 211 阅读 · 0 评论 -
Less 学习笔记(二)
Less 语法1. Less 中的注释常规的 css 注释（/**/）该种注释将会被编译，会出现在最终生成的 css 文件中(如果 Koala 的输出方式为 compress 该注释也不会被看到)// 注释该种注释不会被编译，不会出现在最终生成的 css 文件中。由于我们将来只需要维护 less 文件，所以建议使用这种注释2. Less 中的变量使用 @ 符号申明一个变量...原创 2018-11-17 11:51:30 · 193 阅读 · 0 评论 -
Less 学习笔记(四)
4. 匹配模式举例：我们先用普通的 CSS3 来写一个三角形现在，我们用匹配模式的方法来写一个三角形，可以各个朝向任意匹配。对于每个朝向都需要的共同代码，我们可以把它写在一起，注意，该写法的格式是固定的，只换掉代表朝向的参数。最后，调用上面的代码，写出三角形。上一节...原创 2018-12-01 10:08:59 · 217 阅读 · 0 评论 -
Less 学习笔记(五)
5. Less 中的运算Less 提供了加（+）、减（-）、乘（*）、除（/）算术运算，可以对任何数值型的 value（数字、颜色、变量等）进行运算，来实现它们之间的复杂关系。能自动推断出颜色和数值的单位。@var: 1px + 5;可以使用括号width: (@var + 6) * 2;可以在复合属性中进行计算border: (@width * 2) solid black;...原创 2018-12-03 10:43:35 · 402 阅读 · 0 评论 -
Less 学习笔记(六)
6. Less 中的嵌套在Less中，嵌套规则使这个问题迎刃而解。嵌套规则允许在一个选择器中嵌套另一个选择器，这更容易设计出精简的代码，并且样式之间的关系一目了然。Html 代码&lt;ul class="list"&gt; &lt;li&gt;&lt;a href=""&gt;朝鲜外相与越南总理会晤1小时 重点谈“革新开放”&原创 2018-12-03 11:32:13 · 227 阅读 · 0 评论