laoli360的博客

本文讲解怎么实现 将图片拖拽实现上传 且以base64格式显示出来 首先css准备一个div 要有大小和背景颜色 让我们知道该拖拽到什么地方 div { width: 200px; height: 200px; background-color: #8df; } 然后html 里面放一个div盒子 其实事物本质也是创建一个img //dragover： 判断是否有东西拖拽上来。 //d...

首先我们安装包yarn add mini-css-extract-plugin yarn 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 ...

能继承的属性如下: 1.字体系列属性 : font font-family font-weight font-size font-style 2.文本系列属性 2.1内联元素 color line-height word-spacing letter-spacing text-transform 2.2块级元素 text-indent text-align 3.元素的可见性 visbility 4.表格布局属性 caption-sid...

img{ display:table-cell; text-align:center; vertical-align:middle; } 也可以将img 定位块级元素 然后按照之前发的帖子提及的六种方法来进行居中. ...

方法一 利用定位(常用方法,比较推荐) .parent { width: 500px; height: 500px; border: 1px solid #000; position: relative; } .child { position: absolute; width: 100px; height: 100px; border: 1

在日常学习时推荐各位 养成一个敲写CSS代码的习惯 如果按照以下顺序来写的话 可以让自己和他人浏览的时候简单易懂,也可以优化浏览器的渲染性能. 1.布局属性 display position float clear visibility overflow 2.盒子模型+背景 width height margin padding border background 3.文本内容属性 color ...