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
原创 2013-07-31 19:09:57
882阅读
1点赞
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
原创 2013-07-31 19:15:02
824阅读
1点赞
1评论
在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行速度而言,不高于200KB单张图片所需载入时间基本是差不多,所以无需顾忌这个问题。
转载 2016-05-29 11:08:00
149阅读
2评论
转载 2020-02-10 13:29:00
139阅读
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
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"定义一个交互样式。固定样式在样式表激活时总被应用。链接标签arel屬性超级链接<a>标记代表一个链接点,是英文anchor简写。它作用是把当前位置文本或图片连接
转载 2024-06-01 18:47:33
22阅读
  • 1
  • 2
  • 3
  • 4
  • 5