![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
kidrue
这个作者很懒,什么都没留下…
展开
-
css实现聊天气泡
<div class="bubble">热</div> .bubble { position: absolute; top: -15px; right: -15px; width: 22px; height: 15px; line-height: 15px; font-size: 1px; font-weight: 400; co.原创 2021-10-08 15:21:28 · 297 阅读 · 0 评论 -
图片文字对齐技巧
当图片和文字高度一致时<div><img src="images/shuliang.png" alt=""> 数量:15</div>vertical-align: text-bottom文本 和图片对齐https://www.lanzoux.com/b04gw6pze 密码:5axu 电锯人当图片和文字高度不一致时 <div><img src="images/sixin-xx.png" alt="" srcset=""> 私信通知原创 2020-10-21 12:02:44 · 647 阅读 · 0 评论 -
Data URI scheme
Data URI scheme 介绍image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64编码后的数据案例: background-image:url('data:image/png;base64,此处为编码');优点:将一些小图片嵌入到网页中,节省http请求缺点:浏览器不会缓存图片Data URI scheme支持的类型有data:,文本数据data:text/plain,文本数据data:text/html,HTML代码转载 2020-10-21 10:39:28 · 544 阅读 · 0 评论 -
float实现前端界面的五种布局
• 实现一个两栏布局,左侧占30%宽度,右侧占70%宽度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style &原创 2020-07-11 09:53:28 · 291 阅读 · 1 评论 -
移动端布局的4种方法
Document 移动端布局分类 移动端布局主要分为四类,分别是流式布局,rem布局,响应式布局和弹性布局 流式布局 使用非固定像素来定义网页内容,也就是百分比布局,通过合资的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不收固定像素的限制,内容向两侧填充。 rem布局 rem:css(相对单位,相对于网站根元素,即根据html元素的font-size来计算大小,比如说html-font-size大小为50px,一个div的wid...转载 2020-07-02 19:19:05 · 908 阅读 · 0 评论