随笔分类 - HTML

theamleaf在js里将Java的变量变成字符串

摘要：theamleaf在js里将Java的变量变成字符串的方法： <script type="text/javascript" th:inline="javascript"> let msg = [[${msg}]]; </script> 阅读全文

posted @ 2024-07-25 14:32 xiaoYu& 阅读(19) 评论(0) 推荐(0) 编辑

web常用字体

摘要：Sans-serif Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。 Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有阅读全文

posted @ 2021-02-07 13:14 xiaoYu& 阅读(525) 评论(0) 推荐(0) 编辑

css清除浮动

摘要：在进行谁不排列布局时，经常会使用元素的float属性，从而会使父容器高度无法自适应，这时候，只需要添加一个带有clear:both属性的元素就能清除浮动带来的高度问题： <div class="container"> <div class="item"></div> <div class="item 阅读全文

posted @ 2020-03-20 09:06 xiaoYu& 阅读(113) 评论(0) 推荐(0) 编辑

清除浮动之父级div定义伪类:after和zoom

摘要：这是比较常用的一种清除浮动的方法，各大网站都在采用： <!Doctype html> <html> <head></head> <body> <style type="text/css"> .div1{background:#333;border:1px solid red;} .div2{back 阅读全文

posted @ 2019-10-14 13:33 xiaoYu& 阅读(897) 评论(0) 推荐(0) 编辑

图片放大镜特效

摘要：分享最近写的一个图片放大镜的特效，原理很简单，仅供参考：在一个div里，分为两个作用域，一个用于显示缩略图（放小图的，这里我们叫做A），一个用于显示放大后的图（放大图的，这里我们叫做B）；在A里，有一个缩略图（A1）和一个悬浮遮挡层（A2），在B里，是一个放大的图（B1）；这里我们需要注意的是阅读全文

posted @ 2019-09-26 10:27 xiaoYu& 阅读(1045) 评论(0) 推荐(0) 编辑