em 很多同学会认为em相对于父元素的字体大小,但是实际上,相对于谁取决于应用在什么CSS属性上。对于font-size来说,em是相对于父元素的字体大小;在line-height中,em却是相对于自身的字体大小。 rem rem 相对于根节点html的字体大小。 vw vw 相对于视口宽度。 vh ...
转载
2021-08-15 15:42:00
205阅读
2评论
CSS Inspiration -- CSS灵感-https://chokcoco.github.io/CSS-Inspiration/#/
原创
2024-08-06 23:05:45
40阅读
加速的关键,不是降低重量,而是减少个数。如果重量在200K以内,只要网络不是特别慢,效率都差不多。但是,如果图片个数多一倍,效率将明显低一个档次。
传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。
转载
精选
2011-02-28 13:23:00
333阅读
CSS发展到今天已经越来越强大了。其语法的日新月异,让很多以前完成不了的事情,现在可以非常轻松的做到。今天就向大家介绍几个比较新的强大的CSS功能:clip-pathshape-outsideshape的意思是图形,CSSshapes也就是CSS图形的意思,也就是使用CSS生成各种图形(圆形、矩形、椭圆、多边形等几何图形)。CSS3之前,我们能做的只有矩形,四四方方,条条框框。CSS3CSS3出来
原创
2021-01-11 16:09:37
630阅读
CSS 发展到今天已经越来越强大了。其语法的日新月异,让很多以前完成不了的事情,现在可以非常轻松的做到。今天就向大家介绍几个比较新的强大的 CSS 功能: clip-path shape-outside shape 的意思是图形,CSS shapes 也就是 CSS 图形的意思,也就是使用 CSS
原创
2022-04-30 22:19:01
251阅读
CSS比较函数从2020年4月就开始支持了,我喜欢使用这些函数,但最喜欢的是 clamp(),它也是我最常用的一个。在这节课中,我们详细来看下这些比较函数。Clamp(), Max(), 和 Min() 函数clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。它接收三个参数:最小值、首选值、最大值
转载
2023-09-18 13:35:56
53阅读
什么是CS、RS、ESD、EFT/Burst、PFMF、Surge、PQF测试:一、什么是EMC EMI和EMS?1.什么是EMC(电磁兼容性)?电磁兼容性(Electromagnetic Compatibility)缩写EMC是一个设备或装置与其它装置同时操作时,不会因为电磁干扰问题而影响正常工作之能力。EMC(电磁兼容性)也包括EMI(电磁干扰)和EMS(电磁耐受性)。2.什么是EMI(电磁干
转载
2024-04-29 21:52:42
60阅读
在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
转载
2016-05-29 11:08:00
149阅读
2评论
1、边框圆形:-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;2、背景透明:opacity: 0.7;3、手形:cursor: pointer;4、块状显示display: block;5、全部居中margin:0; padding:0;6、绝对定位:position: absolute;right:
原创
2023-03-06 09:17:04
194阅读
用纯 css 实现 loading 加载动画效果。
原创
2024-03-03 10:54:42
1058阅读
行内样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS书写格式</title> </head> <body> <div style="color: red">我是div</div> </body>
原创
2021-03-22 09:36:00
284阅读
Div 和 Span 标签 什么是 Div? 作用:一般用于配合 css 完成网页的基本布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>div和span标签</title> <style> .heade
原创
2021-03-08 10:02:00
129阅读
如今,CSS框架越来越受欢迎,可以说已经应用到每一个网站上了。作为开发工具,CSS框架一直处于不断进化和改进的状态,因此我们强烈建议您关注眼下的趋势。这篇文章会带您了解2017年最流行的5种CSS框架。1. Bootstrap这个框架是GitHub的明星产品之一,被认为是拥有最好的响应性的CSS框架。专为前端开发而设计,有助于构建web设计理念、移动优先项目、网格系统、排版和按钮等。Bootstr
转载
2023-12-24 10:15:45
19阅读
rem基础rem 单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。rem的优势:父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好来控制整个页面的元素大小/* 根html 为
转载
2024-05-31 13:22:03
74阅读
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-style样式操作全解 jquery通过
原创
2017-08-29 08:51:27
105阅读
在 CSS 中,rem和em是两种相对单位,用于根据元素的字体大小设置尺寸。尽管它们都是相对的,但它们的参考点是不同的。
原创
2024-07-03 11:45:42
46阅读
css樣式的rel屬性:rel属性用于定义连接的文件和html文档之间的关系。rel=stylesheet指定一个固定或首选的样式而rel="alternate stylesheet"定义一个交互样式。固定样式在样式表激活时总被应用。链接标签a的rel屬性超级链接<a>标记代表一个链接点,是英文anchor的简写。它的作用是把当前位置的文本或图片连接
转载
2024-06-01 18:47:33
22阅读