布局 一行 自然css
flex 布局之左右边距对齐，换行左对齐
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .BetweenList { display: flex; flex-wrap: wrap; } .BetweenL ......
crash —— 获取内核地址布局、页大小、以及栈布局
crash> mach MACHINE TYPE: x86_64 MEMORY SIZE: 766.5 GB CPUS: 96 PROCESSOR SPEED: 2200 Mhz HZ: 250 PAGE SIZE: 4096 KERNEL VIRTUAL BASE: ffff88800000000 ......
crash —— 获取物理内存布局信息
crash> mach -m PHYSICAL ADDRESS RANGE TYPE 0000000000000000 - 0000000000001000 E820_RESERVED 0000000000001000 - 000000000006e000 E820_RAM 000000000006 ......
[自然语言处理] 基于pycorrector实现文本纠错
文本纠错（Text Error Correction）技术旨在自动修正输入文本中的拼写、语法、标点符号等错误，以提高文本的准确性、通顺性和规范性。该技术可以通过自然语言处理技术实现，基于上下文和语言规则对文本进行分析和推断，发现其中的错误，并给出正确的替换或修改建议。 pycorrector是一个开 ......
基于CSS实现回到页面顶部的几种写法(从实现到增强)
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......
浅谈css的伪元素::after和::before
css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。 但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。 一、概念： 1.定义 从 ......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
前端的一些布局技巧
一、当前页面无拖动的滑轮 这个只需要设置占据整个页面容器的高为100vh，页面的body的margin为0就行了 body{ margin: 0; } .最大容器类名{ height: 100vh; } 二、flex布局 display:flex就是将盒子设置成一个弹性盒子，弹性布局属性，还可以赋值 ......
使用CSS中的@keyframes规则创建了一个无限旋转动画
现在scss中定义： @keyframes rotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } 应用到元素element中： .element { animation: rotate 2s linear ......
01-React-组件-CSS模块化
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS ......
CSS的表格属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS的文本属性
1.指定元素文件的水平对齐方式:text-align(left right center) 2.text-decoration:文本修饰（underline下划线 overline 上划线 line-through 删除线） 3.text-transform:控制文本的大小写：(captialize ......
uniapp经常性报node:events:504， 使用了uno.css
vite.config.js build: { watch: { exclude: ['node_modules/**', "/__uno.css"] }, } ......
css小结02
CSS三种显示模式可以互相转化 CSS中元素分为 块元素（独占一行），行内元素（不独占一行），行内块元素（在一行内显示，可以设置宽高）。 三种元素之间可以互相转化 <!-- 通过display属性来互相转化 --> <!-- 如下 通过给display 属性赋不同的值 inline-block 转为 ......
css继承，position:fixed固定定位
CSS 继承是指元素可以继承其父元素的某些样式属性值。当一个元素应用了某个样式属性值，而其子元素没有显式地指定该属性值时，子元素会从父元素继承该属性值。 以下是一些常见的 CSS 属性可以被继承的例子： 1.字体样式属性：font-family、font-size、font-weight、font- ......
css01小结
<!-- CSS的引入 外链式 定义一个css文件，直接写 然后在head标签内用 link引入 <link rel="stylesheet" href=""> 内嵌式 head标签内 写style标签 行内式 直接在标签内 写style定义，没有做到结构与样式分离 ，所以不用 CSS 样式的功能 ......
BootstrapBlazor组件库，项目模板css样式隔离问题
BootstrapBlazor组件库，项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候，遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
css3文字渐变, svg文字渐变
1.svg 文字渐变 <!-- 横向渐变（x1,y1,x2,y2控制渐变方向） --> <svg> <defs> <linearGradient id="grad_red_blue_lr" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" st ......
CSS的背景属性
背景属性包括：color 颜色属性、image图片、position显示位置，repeat填充，size属性 基本格式为background-+属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ......
CSS的字体属性
字体属性：颜色、大小、加粗、文字样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
iOS 多个分区的tableView设置每个分区第一行和最后一行圆角效果
UITableViewStyleInsetGrouped if (@available(iOS 13.0, *)) { _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 0, 0) style:UITableViewSt ......
看到过的css 属性2
css 新单位 vmin 表示 获取视口的最长边或者最短边 vmax shape-outside:circle(50% as 50% 50%) 这个表示文字的环绕方式， 比如浮动后，文字会环绕浮动元素排列， 但是如果浮动元素形状变成圆形，默认的环绕方式还是会是方正的， 使用这个属性就可以实现弧形的环 ......
css实现文字切换
.textc { --num: '今日大吉'; animation: text-change 3s linear forwards; } .textc::after{ content: var(--num); font-size: 20px; } @keyframes text-change { 3 ......
css学习总结
实现开门效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
Python(Web时代)- 超简单：一行代码就能搭建网站
From: https://mp.weixin.qq.com/s/x2dJshrAdev4FweK4kwCyA 介绍 Streamlit是一款非常强大，可以实现快速创建和共享数据应用的Python库。借助他，我们可以在数分钟内构建出功能齐全的Web应用程序 相较而言，它比django、flask、p ......
CSS
CSS 1.什么是CSS 如何学习CSS CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点） 美化网页（文字、阴影、超链接、列表、渐变....） 盒子模型 浮动 定位 网页动画（特效效果） 1.1什么是CSS Cascading Style Sheet层叠级联样式表 CSS：表现（美 ......
卡片列表布局
实现代码 1 <template> 2 <div> 3 <!-- 平铺图片 --> 4 <ui class="course-list"> 5 <!-- 设置图片宽度比例 --> 6 <!-- 循环绑定数据 --> 7 <li class="course-item" :data="tableData" ......
解决edge无法自定义标签页的布局和内容的问题
问题描述 bug 原因 问题就出在了组织上 设置页面会显示：你的组织浏览器已托管 因为我之前设置了组策略为，新标签页直接打开新必应 然后就会自动重定向到这个页面，所以我无法设置自定义的主题。 只要我把组策略从注册表删掉了，就会恢复了。 这个时候我们打开注册表：win+r，输入regedit 回车，输 ......
看到过的css 属性！！！
记录一下看到过的，没见过的不知道就算了; inline-size: 60px block-size:30px padding-block:10px 这三个文字属性 和 writing-mode: 有关， writing-mode 设置文字是从左往右排列还是从上往下 关于 nth-child!!! M ......