css
文章平均质量分 70
维多利亚少年-
科技来源于创新
展开
-
css3文字智能适配背景颜色
实现一段文字在不同背景下展示不同的颜色,像是下面这样:CSS3 新增了一个很有意思的属性 – mix-blend-mode ,其中 mix 和 blend 的中文意译均为混合,那么这个属性的作用直译过来就是混合混合模式,当然,我们我们通常称之为混合模式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa原创 2022-03-09 17:10:14 · 357 阅读 · 0 评论 -
网页阅读进度功能实现
通过js和css实现文章顶部的阅读进度功能使用 JavaScript 实现阅读进度功能1. html和csshtml css 部分非常简单,通过嵌套的两个 div 实现,外部的 div 提供底色背景,内部 div 显示阅读进度<head><style>.read_pro { position: fixed; top: 0; left: 0; width: 100%; height: 3px; background-colo原创 2022-02-09 14:16:27 · 1212 阅读 · 0 评论 -
less深入学习日记--02
less嵌套规则允许子项在父项中当作属性来编码子项的css代码.container { h1 { font-size: 25px; color:#E45456; } p { font-size: 25px; color:#3C7949; }}输出为css时是:.container h...原创 2020-03-23 15:05:57 · 156 阅读 · 0 评论 -
less深入学习日记--01
在以往中,一直没有深入利用less的便利性。只是在用less的嵌套在编写css。这篇文章,就是在css的基础上,学习less的种种。什么是lessLess 是一门 CSS 预处理语言,可以为网站启用可自定义,可管理和可重用的样式表,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。使用less有什么好处LESS支持创建更清洁,跨浏览器友好的CSS更...原创 2020-03-13 17:16:27 · 245 阅读 · 0 评论 -
走进css——01
阅读者最好有一点css基础,才能更好深入了解css中常见长度单位em相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:该div继承的父级字体大小*1.5。(根据他爸)remr即root,始终相对于根节点html的font-size进行缩放。(根据祖先html)vhvh指当前屏幕可见高度的1%,即 height:100vh == height:10...原创 2020-03-06 18:06:25 · 345 阅读 · 0 评论