自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 [朝花夕拾 | html] meta的定义和常用功能

meta定义<meta> 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息。meta 元素定义的元数据的类型包括以下几种:如果设置了 name 属性,meta 元素提供的是文档级别(document-level)的元数据,应用于整个页面。如果设置了 http-equiv 属性,meta 元素则是编译指令,提供的信息与

2020-07-21 10:41:05 482

原创 [ web前端 ] 使用 CSS Variables 实现主题切换

本文介绍了另一种实现主题功能的思路,简洁,使用原生Css实现。但是请注意兼容性!CSS Variables变量声明使用两根连词线"--"表示变量,"$color"是属于Sass的语法,"@color"是属于Less的语法,为避免冲突css原生变量使用"--"// 声明变量--color:#000;// 读取变量var(--color)兼容性效果展示源代码<!DOCTYPE html><html> <head>..

2020-07-10 18:35:32 1741

原创 [ scss | webpack ] 实现页面主题思路(2)

本文介绍了另一种实现主题功能的思路,是前一篇([ scss | webpack ] 实现页面主题思路)的扩展。Demo源代码此方法通过切换style的外部样式表链接实现。效果图Demo项目结构|____src| |____styles # 页面样式| | |____core.scss | |____themes # 主题变量| | |____default.scss| | |____dark.scss| | |..

2020-07-10 18:12:44 586

原创 [ scss | webpack ] 实现页面主题思路

1. Demo文件结构|____src| |____styles # 页面样式| | |____core.scss | |____themes # 主题变量| | |____default.scss| | |____dark.scss| | |____blue.scss| |____entry.js # 打包入口|____webpack.config.js|____package.json2. 页面样式与主题变量

2020-07-10 11:44:09 541

原创 [ sass/scss ] Sass 函数功能汇总

本文介绍Sass自备的字符串函数、数字函数、列表函数、Introspection函数、三元函数等等。Sass函数1. 字符串函数unquote($string) 删除字符串中的引号quote($string) 给字符串添加引号to-upper-case($string) 将字符串小写字母转换为大写字母to-lower-case($string) 将字符串大写字母转换为小写字2. 数字函数percentage($value):将不带单位的数转换成百分比值round($value):将数值四舍五入,转换成.

2020-07-08 18:30:56 592

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除