黄哈哈。 - 博客园

首页 Github 博客园

暂未分类

2021年10月25日

摘要： em和rem 一、rem认识 em rem是相对单位 em大小是基于父元素的字体大小 rem的大小是基于？浏览器默认的字体大小是16px r 意思 root 根元素，html标签 rem的大小是基于html元素的字体大小二、适配方案rem 宽度和高度都能做到适配（等比缩放）思路：通过控制ht 阅读全文

posted @ 2021-10-25 21:45 黄哈哈。阅读(225) 评论(0) 推荐(0) 编辑

摘要： less笔记官网一、配置自动编译安装 npm install –g less webstorm配置 file—>settings—>Tools—>File Watcher—>+ less vscode配置 Easy LESS 插件 settings.json "less.compile": { 阅读全文

posted @ 2021-10-25 21:24 黄哈哈。阅读(43) 评论(0) 推荐(0) 编辑

摘要： meta 网站seo  <meta name="description" content="....">  <meta name="Keywords" content="...."> 遇到数字不让转成电话号码格式 <meta content="telephone 阅读全文

posted @ 2021-10-25 21:19 黄哈哈。阅读(89) 评论(0) 推荐(0) 编辑

2021年10月24日

动态内容等高

摘要：动态内容等高一、前言场景：不同行级或者浮动元素具有不定高度时，将其他元素的高度填充为最大高度元素的高度。二、HTML结构使用CSS实现容器长宽比，常见的HTML模板结构如下： <ul class="cont-wrap"> <li class="left">动态内容等高布局动态内容等高布局动态阅读全文

posted @ 2021-10-24 16:42 黄哈哈。阅读(67) 评论(0) 推荐(0) 编辑

摘要： mask 一、现状 Firefox，Chrome以及移动端等都已经全线支持，尤其Firefox浏览器，从版本53开始，已经全面支持了CSS3 mask属性. 二、Mask 的原理蒙板可以是 CSS3 渐变或者半透明的PNG图片，蒙板元素的alpha值为0的时候会覆盖下面的元素，为1的时候会完全显示阅读全文

posted @ 2021-10-24 16:37 黄哈哈。阅读(488) 评论(0) 推荐(0) 编辑

css学习网站

摘要：网站 CSS 的灵感：https://chokcoco.github.io/CSS-Inspiration/#/ 常用样式和使用技巧：https://qishaoxuan.github.io/css_tricks/ 动画：https://angrytools.com/css/animation/ 渐阅读全文

posted @ 2021-10-24 15:30 黄哈哈。阅读(60) 评论(0) 推荐(0) 编辑

2021年10月23日

css常见技巧汇总

摘要： CSS常见技巧汇总 1、设置input 取消input的边框 input{ border: none; outline: none; } 设置input的placeholder的样式 input::-webkit-input-placeholder { /* Chrome/Opera/Safari 阅读全文

posted @ 2021-10-23 23:59 黄哈哈。阅读(94) 评论(0) 推荐(0) 编辑

隐藏滚动条或更改滚动条样式

摘要：隐藏滚动条或更改滚动条样式滚动条隐藏 /*chrome 和Safari*/ .scroll-container::-webkit-scrollbar { display: none; /* width: 0; */ } .scroll-container { -ms-overflow-style: 阅读全文

posted @ 2021-10-23 23:11 黄哈哈。阅读(59) 评论(0) 推荐(0) 编辑

2021年10月22日

通过rel=preload进行内容预加载

摘要：通过rel=preload进行内容预加载 1. 内容预加载的好处 <link> 元素的 rel 属性的属性值 preload 能够让你在你的 HTML 页面中 <head> 元素内部书写一些声明式的资源获取请求，可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源，你可能希望在页面阅读全文

posted @ 2021-10-22 00:01 黄哈哈。阅读(371) 评论(0) 推荐(0) 编辑

2021年10月21日

writing-mode文字多列竖排

摘要： writing-mode: vertical-lr;/*从左向右从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右从右向左是 writing-mode: tb-rl；*/ 阅读全文

posted @ 2021-10-21 22:34 黄哈哈。阅读(60) 评论(0) 推荐(0) 编辑

← → ↓ ↑