css - JavaClub全栈架构师技术笔记

CSS文件动态加载

2023年02月04日 09:07:55前端技术0

前段时间研究了下JS动态加载和执行顺序依赖的东东，把LABJS的源码从头扒了下：LABJS浅析。对于JS加载执行以及下载监控这，项目组在这块做的东西不少，但对于CSS加载这块的质量监控，力度就小得多了。原因很简单：JS下载失败或出错，这个页面基本就废了。CSS下载失败，大部分情况下页面还是可用的，虽...

【CSS】：渐变色

2023年02月03日 10:55:13前端技术2

渐变色代码例子：linear-gradient(to top, #0ba360 0%, #0ba360 100%) 1、linear-gradient 线性渐变 CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向...

前端——css基础

2023年02月03日 09:21:50前端技术2

目录 div和span CSS CSS的作用为什么要学习CSS CSS引入方式三种引入方式三种结合方式优先级选择器基本选择器语法优先级组合选择器伪类选择器 CSS常用属性背景属性文本样式字体属性 display样式透明效果 div和span div 就是一个标签. 是一个容器...

SquishIt——JavaScript、CSS压缩器

2023年02月03日 08:53:55前端技术0

一段事件木有更新博客了，主要是这段时间工作略忙，业余时间又在帮个朋友做个小东西，于是也就没去接触新东西。今天上网的时候一个老同事（我刚出来工作时的师傅^_^）发来个网址，说是有好东西叫我看，于是看了一下，果然发现了好东西，也解决了之前我在思考的一个小问题。是一个C#.NET的组件来的，由于资料是E文...

CSS-----颜色值的缩写和字体的缩写方法

2023年02月01日 20:21:45前端技术2

一、CSS颜色值的缩写: 当设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半例如：（1）p{color:#000000;} 可缩写为：p{color:#000;} （2）p{color:#336699;} 可缩写为：p{color:#369;} 二、字体缩写例如： body{...

CSS实现平行四边形

2023年02月01日 14:21:42前端技术3

作者：晴栀Sunset 时间是生命的单位，每个人的生命容量都是有限的，只有快乐、充实、成功占的多，失落、空虚、失败占的少，生命才会变得有价值。请合理利用你的时间，把握每时每刻。平行四边形文章目录平行四边形背景知识难题嵌套元素方案伪元素方案总结时间有三种步伐：未来姗姗来迟，现在象箭一...

css背景颜色跟随文字颜色、设置文字颜色反色

2023年01月31日 21:30:22前端技术1

css背景颜色跟随文字颜色 background: currentColor; //如果要展示文字，则需要设置背景透明度 opacity: 0.5; 设置文字颜色反色在CSS里，invert的值是个百分数，100%就是完全反转颜色，0%就是正常显示:。方式一： filter: invert(1...

css 修改选中文字的颜色

2023年01月31日 17:41:53前端技术3

突然想试着修改一下博客里面文本选中时的颜色，然后就找到了相应的css代码如下； body::selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } body::-moz-selectio...

css中的颜色表示

2023年01月31日 16:53:56前端技术1

1.颜色名表示：例如bleu，red。 2.用十六进制表示颜色例：#F00 。 3.用rgb函数以及rgba函数　　例：rgb（150,200,0） a代表透明度 4.hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度）色调0代表红色，120代表绿色，240...