Css
老李头的代码生活
我很懒,没有写什么简介的啦- -,日常沉迷敲代码
展开
-
拖拽上传图片并转换成base64格式显示
本文讲解怎么实现 将图片拖拽实现上传 且以base64格式显示出来首先css准备一个div 要有大小和背景颜色 让我们知道该拖拽到什么地方 div { width: 200px; height: 200px; background-color: #8df; }然后html 里面放一个div盒子其实事物本质也是创建一个img //dragover: 判断是否有东西拖拽上来。//d...原创 2021-10-19 11:31:34 · 273 阅读 · 2 评论 -
使用打包模块压缩css
首先我们安装包yarn add mini-css-extract-pluginyarn add mini-css-extract-plugin然后再src/css/index.css内 书写好你要压缩的内容ul,li { font-size: 50px; color: #8df;}body { background: url(../assets/images/logo_small.png) no-repeat center;}然后修改配置文件const ...原创 2021-09-23 19:42:33 · 192 阅读 · 0 评论 -
CSS中哪些属性可以被继承,哪些不可以.
能继承的属性如下:1.字体系列属性 :font font-family font-weight font-size font-style2.文本系列属性2.1内联元素color line-height word-spacing letter-spacing text-transform2.2块级元素text-indent text-align3.元素的可见性visbility4.表格布局属性caption-sid...原创 2021-09-16 21:57:31 · 493 阅读 · 0 评论 -
CSS垂直居中img
img{display:table-cell;text-align:center;vertical-align:middle;}也可以将img 定位块级元素 然后按照之前发的帖子提及的六种方法来进行居中....原创 2021-09-16 21:48:11 · 477 阅读 · 0 评论 -
CSS让盒子水平垂直居中的六个方法
方法一 利用定位(常用方法,比较推荐) .parent { width: 500px; height: 500px; border: 1px solid #000; position: relative; } .child { position: absolute; width: 100px; height: 100px; border: 1原创 2021-09-16 21:44:54 · 266 阅读 · 0 评论 -
CSS书写顺序(推荐)
在日常学习时推荐各位 养成一个敲写CSS代码的习惯如果按照以下顺序来写的话 可以让自己和他人浏览的时候简单易懂,也可以优化浏览器的渲染性能.1.布局属性display position float clear visibility overflow2.盒子模型+背景width height margin padding border background3.文本内容属性color ...原创 2021-09-12 10:18:31 · 226 阅读 · 0 评论