css
关注
分享
扫一扫
simple578
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
什么是心跳包？
心跳包就是在客户端和服务器间定时通知对方自己状态的一个自己定义的命令字，按照一定的时间间隔发送，类似于心跳，所以叫做心跳包。用来判断对方（设备，进程或其它网元）是否正常运行，采用定时发送简单的通讯包，如果在指定时间段内未收到对方响应，则判断对方已经离线。用于检测TCP的异常断开。基本原因是服务器端不能有效的判断客户端是否在线，也就是说，服务器无法区分客户端是长时间在空闲，还是已经掉线的情况。所谓的心跳包就是客户端定时发送简单的信息给服务器端告诉它我还在而已。代码就是每隔几分钟发送一个固定信息给服务端，服.原创 2021-04-28 10:58:29 · 2575 阅读 · 0 评论 -
用flex实现筛子的三点布局
<!DOCTYPE html><html><head> <style> .box { width: 200px; height: 200px; padding: 20px; display: flex; flex-direction: row; justify-content: space-原创 2021-04-20 15:50:57 · 565 阅读 · 0 评论 -
css
复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。float定位（即浮动定位）：这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器；如果该元素设置了浮动，后面紧邻的则会受到浮动的影响，因此需要后面的元素若要不受影响，则要在后面清除浮动（可用clear:both;等方法），在两个相邻元素设置相同浮动的情况下，两元素将按顺序相邻摆放。这种定位使得元素脱离文档流原创 2021-04-16 15:02:03 · 167 阅读 · 0 评论 -
rem和vw的分析比较
rem：首先rem是css单位，相比于px固定的像素单位，rem是相对像素单位，更加的灵活。需求存在：现在移动端各种屏幕的出现，适应性就更加的强烈。根据分辨率的不同让html的字体大小变化。一、基本原理：设计稿宽度：x px移动设备宽度：y pxHtml中font-size=移动设备宽度/设计稿宽度*100Font-size的值即是1rem=（font-size） px二、如何根据不同屏幕设置 font-size 大小1、媒体查询<style type="text/css">原创 2021-04-07 23:35:15 · 1712 阅读 · 0 评论 -
link与@import的区别
两者都是外部引入CSS的方式，那么二者有什么区别呢？@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等；加载页面时，link引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后加载；link标签作为HTML元素，不存在兼容性问题，而@import是CSS2.1才有的语法，故老版本浏览器（IE5之前）不能识别；可以通过JS操作DOM，来插入link标签改变样式；由于DOM方法是基于文档的原创 2021-04-01 17:33:54 · 202 阅读 · 0 评论 -
img高度撑不满div
只需要给img加一个样式 display：block;原创 2020-11-18 17:45:55 · 2574 阅读 · 1 评论 -
rem和em
链接: https://blog.youkuaiyun.com/romantic_love/article/details/80875462.原创 2020-10-24 09:49:31 · 165 阅读 · 0 评论 -
鼠标悬停加下划线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标悬停下划线</title> <style> body { display: flex; justify-content: center; align-items: center; min-height: 100v原创 2020-06-27 23:43:33 · 3086 阅读 · 1 评论 -
flex布局
1.理解display:flex的作用<div class="parent"> <div class="son1"> </div> <div class="son2"> </div></div>原创 2020-06-16 22:00:26 · 182 阅读 · 0 评论 -
flex
先flex定位再text-align: right；进一步定位原创 2020-06-04 15:06:42 · 164 阅读 · 0 评论 -
文字多加省略号
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top; //解决overflow引起的文本垂直不对齐问题原创 2020-05-15 18:09:32 · 204 阅读 · 0 评论 -
css权重
权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的项目Value! important无穷行间样式1000id100class/属性选择器/伪类:hover10标签选择器/伪元素:after1通配符0...原创 2020-04-18 09:01:54 · 149 阅读 · 0 评论