随笔分类 - CSS
摘要：自定义字体的时候，发现引用ttc的字体文件总是报错，但是引用ttf的字体是正常，所以想着把ttc的字体转化成ttf的文件 下面这个网站还是帮忙我们将ttc的文件转化成ttf的文件 https://transfonter.org/ttc-unpack 参考文章：https://blog.csdn.ne
阅读全文
摘要：css3吸顶灯效果，代码如下 1 <div class="breathe-btn "></div> 2 <style> 3 body { 4 background:#333; 5 } 6 .breathe-btn { 7 position:relative; 8 width:100px; 9 hei
阅读全文
摘要：一、第一种方法，通过transform实现实现 第二种 、通过display:flex实现,只支持IE10及以上 第三种、通过定位，margin:auto实现，兼容最好
阅读全文
摘要：flex语法布局，可以参考菜鸟教程。http://www.runoob.com/w3cnote/flex-grammar.html 我主要是把flex布局运用到实例中，看看flex布局的效果。 1、垂直居中，学习flex布局以后，实现起来很方便； <style type="text/css"> .d
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现三个div，固定左右两边的div宽为200，中间的div宽度自适应的四种方法</title> <style type="text/css"> html,bo
阅读全文
摘要：用CSS实现自适应正方形 不多说，直接上代码，本文章一共例举了3种方案 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实现自适应正方形</title> <style> /*使用padding-bott
阅读全文
