![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
霜如明月
这个作者很懒,什么都没留下…
展开
-
css菜鸡的自我救赎
css菜鸡的自我救赎 0. 前言 作为一个不喜欢写样式的前端,遇到了直接对外的活动页面的需求,一下炸出一堆问题: 单位乱用,rem、vh、vw、px乱用甚至混在一起用 html冗余,有时候一个div只是为了取margin 一个页面用多种布局方案,flex、float、relative+top、absolute+top、margin,自己坑自己 各种随意,不严格按照视觉稿 理论倒是熟悉,但用起来还...原创 2018-10-18 21:59:51 · 675 阅读 · 2 评论 -
一种简洁的悬浮弹窗设计
需引入:FontAwesome,用于图标 效果截图: CSS: .div1 { position: absolute; right: 16px; top: 10%; z-index: 12; } .div2 { border-radius: 10px 0 0 10px; width: 25px; height: 25px; float: left; cursor: pointer; back...原创 2018-10-16 15:18:41 · 2087 阅读 · 0 评论 -
Vue篇之vue 使用Jade模板写html,stylus写css
vue 使用Jade模板写html,stylus写css vue 使用Jade模板写html,stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式,所以使用了jade写html,stylus写css,省了很多的步骤和提高了效率。 安装包: // 安装jade包 npm install jade jade-loader --save-dev // 如果...原创 2018-10-10 21:31:15 · 1000 阅读 · 0 评论 -
css与html结合四种方式
方式一:每个标签加一个属性法 <div style="background-color:red;color:green;"></div> 方式二:head中加style标签(不好,需要修改html文件) <style type="text/css"> div{ background-color:red; color:green; } <...原创 2018-11-07 21:40:17 · 651 阅读 · 0 评论 -
CSS3 动画卡顿解决方案
为什么会卡顿? 有一个前提必须要提,前端开发者们都知道,浏览器是单线程运行的。但是我们要明确以下几个概念:单线程,主线程和合成线程。 虽然说浏览器执行js是单线程执行(注意,是执行,并不是说浏览器只有1个线程,而是运行时,runing),但实际上浏览器的2个重要的执行线程,这 2 个线程协同工作来渲染一个网页:主线程和合成线程。 一般情况下,主线程负责:运行 JavaScript;计算 HTML ...原创 2018-12-30 17:23:33 · 3955 阅读 · 0 评论 -
基础篇—CSS3盒模型
CSS3盒模型 CSS有一种基础设计模式叫盒模型, 定义了Web页面中的元素是如何看做盒子来解析的。 每一个盒子有不同的展示界面, 在 CSS 中 主要有以下几种盒模型: inline、inline- block、block、table、absolute,position、float。 浏览器把每个元素看 一个盒模型, 每一个盒模型是由以下几个属性组合所决定的: display、position、...原创 2019-01-05 20:55:14 · 508 阅读 · 0 评论