CSS
等时钟成长
“在你还是一个难看的小姑娘时,琼玛,我就爱你。那时你穿着方格花布连衣裙,系着一块皱巴巴的围脖,扎着一根辫子拖在身后。我仍旧爱你”。
展开
-
【Vue】<style>中的scoped和v-deep
Vue中<style>的scoped和v-deep组件样式在vue中,我们通过<template>写HTML,<script> 写JavaScript,而把样式放进<style>中。但是直接写在<style>中的css是全局的,不同组件间的样式会互相影响。所以组件内部的样式我们一般加上scoped标记,避免不同组件间样式的影响。但是有时候(例如引用第三方组件时)我们发现加了scoped的样式并不起作用,所以我们会有/deep/ 、>>原创 2020-09-17 16:33:21 · 1161 阅读 · 1 评论 -
【JavaScript+CSS+tampermonkey】动态加载样式——还你一个干净无广告的CSDN博客
知识能不能改变命运我不清楚,但知识可以屏蔽CSDN广告!1. 简洁版CSDN打开浏览器控制台(Chrome是按F12),在Console里粘贴下面代码回车,然后关闭控制台就行了,当然,刷新会失效,你需要重新执行代码。var style = document.createElement("style");style.type = "text/css";var text = document...原创 2019-06-28 18:51:18 · 8209 阅读 · 9 评论 -
【CSS】Flex布局
Flex这是一篇阮一峰Flex博客的阅读笔记原文在此1. 设置flex任何一个容器 display: flex;行内元素 display: inline-flex;设置flex后,float,clear,vertical-align将失效2. 概念flex container 容器容器成员称为 flex item 项目水平轴 main axis (main start ...原创 2019-07-18 11:49:33 · 163 阅读 · 0 评论 -
【CSS】居中相关问题
CSS居中居中是面试题中经常问到的问题,下面尽量总结记录一番内容提要:块级元素的垂直水平居中1.flex; 2.绝对定位+偏移:偏移有三种方法a.margin;b.calc();c.transform;一、行内元素1. 水平居中 /* 所有inline相关的元素 */ text-align: center;2. 垂直居中单行相等的padding-top和paddi...原创 2019-08-19 17:46:11 · 173 阅读 · 0 评论 -
【CSS】盒模型+BFC+CSS优先级+display+回流重绘
从CSS盒模型谈起1. 盒模型Box Model盒模型由外而内是四部分:margin,border,padding,content。盒模型有两种模型:标准模型和IE模型。content-box的宽高指定contentborder-box的宽高指定border+padding+content的总宽高/*标准*/box-sizing: content-box;/*IE*/box-...原创 2019-08-21 10:30:34 · 278 阅读 · 0 评论