明月如霜丶

css菜鸡的自我救赎0. 前言作为一个不喜欢写样式的前端，遇到了直接对外的活动页面的需求，一下炸出一堆问题：单位乱用，rem、vh、vw、px乱用甚至混在一起用html冗余，有时候一个div只是为了取margin一个页面用多种布局方案，flex、float、relative+top、absolute+top、margin，自己坑自己各种随意，不严格按照视觉稿 理论倒是熟悉，但用起来还...

需引入: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...

vue 使用Jade模板写html，stylus写cssvue 使用Jade模板写html，stylus写css日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。安装包：// 安装jade包npm install jade jade-loader --save-dev// 如果...

方式一：每个标签加一个属性法<div style="background-color:red;color:green;"></div>方式二：head中加style标签（不好，需要修改html文件）<style type="text/css">div{　　background-color:red;　　color:green;}<...

为什么会卡顿？有一个前提必须要提，前端开发者们都知道，浏览器是单线程运行的。但是我们要明确以下几个概念：单线程，主线程和合成线程。虽然说浏览器执行js是单线程执行（注意，是执行，并不是说浏览器只有1个线程，而是运行时，runing），但实际上浏览器的2个重要的执行线程，这 2 个线程协同工作来渲染一个网页：主线程和合成线程。一般情况下，主线程负责：运行 JavaScript；计算 HTML ...

CSS3盒模型CSS有一种基础设计模式叫盒模型， 定义了Web页面中的元素是如何看做盒子来解析的。 每一个盒子有不同的展示界面， 在 CSS 中 主要有以下几种盒模型： inline、inline- block、block、table、absolute，position、float。 浏览器把每个元素看 一个盒模型， 每一个盒模型是由以下几个属性组合所决定的： display、position、...