root css
CSS——@layer规则
前言 之前我们是如何避免引入多方的CSS文件时冲突？注意引入顺序、注意选择器优先级、使用important进行强制覆盖，现在你有了更好的选择@layer，@layer中后声明的优先级高于先声明的；; 文档 w3 | css-cascade-5 | MDN | @layer 浏览器支持情况 目前来看主 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
如何将 css 从 Application bundle 资源中剥离出来
为了提高 Angular 加载性能，一种思路就是按需加载 CSS 样式表，而不是把它们打包到 application bundle 中去。 Web 应用的 Application Bundle 是一个包含所有应用程序代码和资源的文件集合，它们被打包在一起以便于部署和分发。Application Bu ......
用CSS一分钟写出打字动画
HTML <div>没有空白的人生，永远都不会有心灵的宁静和精神的愉悦。</div> CSS3* { margin: 0; padding: 0; box-sizing: border-box; } body { text-align: center; display: flex; justify- ......
实现和CSS一样的easing动画？直接看Mozilla、Chromium源码!
前言 在上一篇丝滑的贝塞尔曲线：从数学原理到应用介绍贝塞尔曲线实现动画时给自己留了一个坑，实现的动画效果和CSS的transition-timing-function: cubic-bezier差别较大，如下图所示，红色为Linear、绿色为CSS的cubic-beizer、蓝色为自己实现的cbez ......
Parameter 'account' not found. Available parameters are [arg1, arg0, param1, param2]] with root cause
使用Mybatis传参时遇到的一个问题 更改前的代码 更改后 ......
HTML+CSS仿写的登录页面
仿写的登录页面 使用HTML+CSS，感觉很简单，记录下 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= ......
CSS伪元素详解以及伪元素与伪类的区别
前面已经介绍过CSS伪类的知识，具体可见前文 CSS伪类知识详解。 伪元素常常被误解为伪类，主要在于他们的语法相似，都是对于选择器功能的扩展，相似程度很高导致被混淆。 本文通过详细介绍伪元素和常见的使用方法，最后也会分析下伪元素与伪类的基本区别。 基本描述 CSS伪元素也是应用于选择器的关键字，允许 ......
css自定义复选框和单选框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{margin:0;padding:0;box-sizing: border-box;} /*复 ......
React的行内样式与CSS
如何为组件添加 CSS 的 class？ 传递一个字符串作为 className 属性： render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依赖组件的 props 或 state 的情 ......
CSS进阶
一：伪类选择器 a:hover{ color: red; background-color: #87ceee;}标签：hover 点击会出现转换效果展示： 二：显示模式 块级显示可以设置宽高（div)行内显示不可以设置宽高大小只与内容有关(span) div{ width: 400px; heigh ......
CSS笔记（待完善）
CSS笔记 css权重 ID（100）> class（10）> element（1） css最高权重 !important 块元素（block） 可以设置宽度和高度，独立成行。 h1~h6、p、div、ul、li 行内元素（内联元素、块级元素）(inline) 不可以设置宽度和高度，不独立成行 a、 ......
MySQL登录时出现Access denied for user ‘root‘@‘localhost‘ (using password: YES)无法打开的解决方法
发现是springboot结合JDBC时， 我这里输入纯数字加点，就会出现这个问题。 后来我改数据库密码，改成字母开头的数据库密码，就可以了。 但是有个奇怪的是，我方式数字+点的密码是复制过去的，当时idea的编辑器，打开该密码是橙色的。可能是我当时复制的格式有问题。 我现在输入并没有发现这个问题。 ......
python-爬虫-css提取-写入csv-爬取猫眼电影榜单
猫眼有一个电影榜单top100，我们将他的榜单电影数据（电影名、主演、上映时间、豆瓣评分）抓下来保存到本地的excle中 本案例使用css方式提取页面数据，所以会用到以下库 import time import requests import parsel #解析库，解析css import csv ......
前端开发-CSS
三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用：类选择器，标签选择器，后代选择器 少用：ID选择器，属性选择器 多个样式覆盖问题： 1.样式不同时一起作用 2.样式相同时，取style中排序后面的 3.若要强制使用，则添加important，如 colo ......
js 修改当前的css
CSSStyleSheet.insertRule() CSSStyleSheet.insertRule(".red::before { color: lightgray;content:"测试" }",0) CSSStyleSheet.addRule() 已经移除废弃 stylesheet.dele ......
Chrome 112 发布，删除 Chrome Apps、支持 CSS 嵌套
时隔一个月时间，Google 正式发布了 Chrome 112 版本，该版本删除了 Chrome Apps、支持 CSS 嵌套、改进了 <dialog> 等。 Chrome Apps 过去，Chrome Apps 是一种被视为向用户提供轻量级网站体验的方式。然而，它们从未像浏览器扩展或标准网站那样大 ......
CSS基础
为满足网页的需要，来进行前端代码的学习 CSS基础 一：style <style> css标签 </styte> 例：对p标签进行更改 <style> p{ color:red; /*像素*/ font-size: 30px; /*背景*/ background: aqua; /*宽度*/ widt ......
root通过ssh和控制台登录Debian
1 确保安装了ssh：apt install openssh-server2 编辑 /etc/gdm3/daemon.conf：[security]AllowRoot = true3 取消注释 /etc/pam.d/gdm-password ：auth required pam_succeed_if ......
css
/* *{ padding: 0; margin: 0; border: none; } */ /* margin: auto; =0 auto上下为0，左右自适应*/ /* body{ display: flex; justify-content: center; align-items: cen ......
记录-一个栗子让你彻底弄懂CSS3补间动画和逐帧动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS3提供了Animation关键帧动画，我们在工作中比较常用。但在写CSS动画的时候，其实Animation能实现两种动画模式： 补间动画 设置关键帧的初始状态，然后在另一个关键帧改变这个状态，比如大小、颜色、位置、透明度等，电脑将自 ......
CSS 让 div 中的 img 标签图片完全填充 div
CSS 让 div 中的 img 标签图片完全填充 divdiv 下 img 标签中的图片填充满整个 div 容器显示一、基本概述 在平时的开发中有让 div 中的 img 标签中的图片完全填充整个 div 的需求，实现方式多种多样例如可以将 img 中的图片更改为 div 容器的背景图片再利用相应 ......
css3 箭头上下跳动
.container .stepsItem.permit .permitStepItem .table .showTable { width: .37rem; margin: .20rem auto; position: absolute; bottom: 0; left: 50%; margin- ......
CSS: position: relative absolute
<div class="course-b"> <div class="outer"> <div class="inner"></div> </div> </div> .outer{ margin: 50px; width: 200px; height: 200px; background: gray ......
app直播源码，css预加载旋转动画 与 流光字体
app直播源码，css预加载旋转动画 与 流光字体 一、预加载旋转动画 Html <view class="concentric_round"></view> css body {}.concentric_round {width: 200rpx;height: 200rpx;position: ......
Ubuntu 修改root密码（初始密码）
转发自文章：Ubuntu设置修改root密码（初始密码） ubuntu默认的root用户是没有固定密码的，它的密码是随机产生并且动态改变的，即每次开机都有一个新的root密码，如果想查看root密码，那么直接设置的root密码即可。 使用安装时候的用户登录进入终端 在终端输入命令 sudo pass ......
MySQL8的root帐号授权
执行下面的命令MySQL8会报错： grant all privileges on db_name.* to 'root'@'%' ### Cause: java.sql.SQLSyntaxErrorException: Access denied for user 'root'@'%' to da ......
mysql8.0修改root密码
修改密码按大部分教程的操作结束，进行登录的时候还是会出现 ERROR 1045 (28000): Access denied for user ‘root’@‘localhost’ (using password: YES) 经过多次尝试，终于解决这个问题。以下是操作过程记录。关键为第二步。 1. ......
[CSS]文字超出一行隐藏+图片居中
来自酱酱。做个记录。 .book_item > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .book_item > div:nth-child(1) { display: flex; align-i ......
linux 非root用启动80端口
有些服务如果需要使用小于1433的端口号，就需要有root权限，这样会有安全问题，此时可以利用iptables的端口重定向功能来实现这个目的。如下例，访问目标主机的80端口，即是访问其8080端口： iptables -t nat -A PREROUTING -p tcp --dport 80 -j ......