2022年6月2日
1 、px px就是pixel(像素)的缩写,相对长度单位,相对于屏幕分辨率。 2、em 参考物是父元素的font-size,具有继承的特点。浏览器默认字体是16px,整个页面内1em不是一个固定的值。 字体大小同样都是1.5em,但是效果却截然不同,按照W3C提供的公式,我们可以计算下:……
阅读全文
2022年6月1日
CSS中,选择器用来指定网页上我们想要样式化的HTML元素。有CSS选择器提供了很多种方法,所以在选择要样式化的元素时,我们可以做到很精细的地步。本文和本文的子篇中,我们将会详细地讲授选择器的不同使用方式,并了解它们的工作原理。 学习前提: 计算机的基本知识, 安装了基础软件,处理文件……
阅读全文
2022年6月1日
必看颜色 工具:调色板 HSL hue 色相 0° Red 60° Yellow 120° Green 180° Cyan 240° Blue 300° Magenta saturation 饱和度 饱和度(Saturation)是指色彩的纯度,饱和度越高色彩越纯越浓,饱和度越低则色彩变灰变淡。 lightness 亮度 亮度(Lightness)指的是色彩的明暗程度,亮度值越高,色彩越白,亮度越低,色彩越黑……
阅读全文
2022年6月1日
<颜色> CSS 数据类型表示一种颜色。A 还可以包括 Alpha 通道透明度值,指示颜色应如何与其背景复合。<color> 可以通过以下任一方式定义 A:<color> 使用关键字(如 或 )。所有现有关键字都指定 sRGB 色彩空间中的颜色blue``transparent 使用 RGB 三……
阅读全文
2022年5月31日
一、 CSS组成部分 <p>Lorem ipsum dolor sit amet.</p> <style> p{ color: red; } </style> p : selector 选择器 {}: 放在在大括号内 color: property 属性 red: value 值 ;:每行结尾分号 二、三种方式添加CSS 外部样式表 保持.css link 引入到html 最常用 内部样式表 html文件内 style 包裹 偶热使用 内联样式 仅影响一个元素 html元素的style属性中添加 不推荐使用 三、选择器 1……
阅读全文
2022年5月30日
React + NextUI 安装 安装 在 React 项目目录中,通过运行以下任一命令安装 NextUI: yarn add @nextui-org/react # or npm i @nextui-org/react 设置 为了让 NextUI 正常工作,您需要NextUIProvider在应用程序的根目录下设置。 React 转到应用程序的根目录并执行以下操作: import * as React from 'react'; // 1. import `NextUIProvider` component import { NextUIProvider } from '@nextui-org/react'; function App({ Component }) { // 2. Use at the root of your app return ( <NextUIProvider> <Component /> </NextUIProvider> );……
阅读全文
2022年5月23日
一、Hint强制路由HintShardingStrategy 在分库分区中,有些特定的SQL,Sharding-jdbc、Mycat、Vitess都不支持(可以查看相关文档各自对哪些SQL不支持),例如:insert into table1 select * from table2 where ….这种SQL 路由很麻烦,需要解析ta……
阅读全文
2022年5月23日
Tailwind 是一个 CSS 框架 Tailwind 是一个 CSS 框架,可让您轻松构建出色的响应式 UI。 如果您正在学习 TailwindCSS,此博客可以帮助您通过在 5 分钟内创建一个带有按钮的迷你配置文件卡来构建更强大的概念。 首先,您需要在项目中安装 Tailwind。现在有以下3种方法。访问您喜欢的那个。由于这是一张简单的……
阅读全文
2022年5月21日
Next.js 通过 [name].module.css 文件命名约定来支持 CSS 模块 。 CSS 模块通过自动创建唯一的类名从而将 CSS 限定在局部范围内。 这使您可以在不同文件中使用相同的 CSS 类名,而不必担心冲突。 此行为使 CSS 模块成为包含组件级 CSS 的理想方法。 CSS 模块文件 可以导入(import)到应用程序中的任何位置。 例如,假设 components/ 目录下有一个可重用 Button 组件……
阅读全文
2022年5月21日
使用共享组件 我们知道 Next.js 是和页面相关的. 通过导出一个 React组件创建一个页面, 然后把它放到 pages 目录中, 基于这个文件名, Next.js存在一个固定的URL. 因为导出的页面是Javascript模块, 我们当然也能够导入其他组件进来. 在这节课中, 我们会创建一个共享的页头组件, 并在多个页面……
阅读全文