root css
Tailwind CSS 与 windicss 谁更好一点
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
CSS总复习（二）一些属性介绍
CSS字体、文本样式 指定字体 不能指望用户的机器上一定安装了你想使用的字体。解决这个问题的方法是使用Web字体，我们可以直接下载Web字体并使用在自己的页面上，而不需要用户做什么。使用@font-face指定Web字体，如： @font-face { font-family: 'MyFont'; ......
css的行内元素哪些属性不生效。
起因是在解决异常的时候提醒 故而思索，行内元素不能使用边距宽高吗 搜索后发现： 1、不是所有的行内元素都不能使用width、height。比如img 2、行内元素可以使用padding 3、行内元素的左右外边距是生效的，上下不行 ......
CSS总复习（一）基础
CSS是什么 CSS（层叠样式表）用来规定HTML文档的呈现形式（外观和格式编排）。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明包含着一个CSS属性和该属性的值，二者以冒号分隔。 PS：书中有句话很nice：“笨蛋才会为完美的CSS方案纠缠不休”。因为一种效果的实现方式可能有很多种，你只 ......
纯CSS3实现多行文本截断
纯CSS处理多行文本展开和收起，直接上代码和效果图 1 <html> 2 <header> 3 <style> 4 .wrap { 5 position: relative; 6 padding: 5px 25px 25px; 7 border-radius: 5px; 8 box-shadow: ......
css实现横向滚动文字
css如何做横向滚动文字 在css中，想要实现横向滚动的文字，需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果，通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样 ......
selenium-元素定位方式CSS的详细使用
Web UI自动化中，定位方式的优先级 优先级最高：ID 优先级其次：name 优先级再次：CSS selector 优先级再次：Xpath 在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优先选择css，原因在哪些？ 原因1：css是配合html来工作，它实现的原理是匹配对象 ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS，以及他们之间的关联 总的来讲： HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
单用户模式进centos系统修改root密码
为虚拟机 server 重设管理密码 1)重启系统,进入 recovery 恢复模式 在读秒时候按e键，找到 linux16 行，按键盘End 末尾添加空格 rd.break console=tty0 按 ctrl + x 启动 2)以可写方式重新挂载 /sysroot,并切换到此环境 switch ......
css实现 头像内容过渡效果
当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) ......
Media Query 在 CSS 中使用的一个具体例子
在 CSS 中，Media Query 是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示： all and (max-width:360px) 是一个 Media Query 表达式，它指定了一个条件，只有在满足条件时，Media Query 中的样式才会生效。 具体来说，all 表示 ......
适合练习CSS选择器的一些小工具
CSS 选择器游戏 https://frontend30.com/css-selectors-cheatsheet/ CSS 晚餐游戏 https://flukeout.github.io/ Try CSS Selector https://www.w3schools.com/cssref/trys ......
Linux 如何判断当前程序是否为root启动？
需求 Linux程序中，常有这样的需求：判断当前程序是否为root权限启动。如果是，正常运行；如果不是，则打印日志，退出程序。 root用户特点 要判断是否为root权限启动，可以先看看root用户特点。root用户典型特点：UID（用户id）为0，GID（组id）为0。 每个用户有对应唯一UID值 ......
Debian Mysql8.0 重设Root密码
安装完Mysql之后 在/etc/mysql/文件夹有一个debian.cnf文件. 文件内显示他的内置一个账号和密码, 我们可以使用他来登入; 注意: 在这里之前你需要将mysql服务关闭, sudo systemctl stop mysql 然后使用 sudo systemctl status ......
[CSS 3] lv* dv* sv*
Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie ......
CSS之渐变
一.渐变 推荐使用的网址：Grabient 这个网站上有很多关于渐变的源代码可以供我们使用 background-color: #4158D0; background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 效果 ......
ubuntu 20.04 设置允许root登录
Ubuntu默认不设置 root 帐户和密码。如有需要，可在设置中开启允许 root 用户登录。具体操作步骤如下： 问题描述 Invalid/incorrect password: Warning: Permanently added '192.168.1.156' (ECDSA) to the l ......
让apache用户拥有root权限
由于php用户默认以apache用户运行，这就可能导致上传图片或者创建文件权限不足的问题， 虽然可以 chown -R apache:apache 文件夹 永久做法： 修改/etc/sudoers文件，快捷命令为visudo ## Allow root to run any commands any ......
[MySQL] 给root用户设置权限
mysql> CREATE USER 'root'@'%' IDENTIFIED BY 'root'; mysql> GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' WITH GRANT OPTION; ......
记录--开局一张图，构建神奇的 CSS 效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假 ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
nginx里面的路径定位关键词root、alias
nginx里面的路径定位关键词root、alias是有区别的：设置请求资源的目录root / alias root：设置请求的根目录 语法 root path; 默认值 root html; 位置 http、server、location path为Nginx服务器接收到请求以后查找资源的根目录路径 ......
CSS选择器之基础选择器和复合选择器
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器，复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。 ......
css列数自适应的grid布局
近期做项目，遇到了一点样式上的问题，理论上通过直接改 / 嵌套一层来解决比较容易，但实际上，数据结构没我想象中的简单具体例子如下： demo 期望效果： 实际效果：（flex布局） 实际效果配合伪类（.main::after { width: 100px;content: '' } ） 当前效果产生 ......
css 元素根据其他判断条件才展示，展示时要有动画，这里用的transition
需求： textarea 输入框 的展示与否是根据，单选选中的是Yes 还是None. Yes时展示出来。 问题：一开始写的时候，我是这样写的，元素一开始不存在，只有选中Yes才存在。这样是加不了动画的 {dietaryTextVisible && <TextArea name={'dietaryR ......
[CSS]鼠标放到按钮上微微发光的效果
自用，可通过 :hover 和 opacity 实现。 .ico cursor pointer opacity .8.ico:hover opacity 1 ......
原创教程中兴ZXV10 B860AV2.1 Root，电视盒子通用Root方法
研究了几天，终于把湖南移动送的ZXV10 B860AV2.1 Root了，这款机子网上的信息很少。而且做的很严密，无法手动安装APK。系统内核限制了，本来妥协了，就弄个开机启动telnet 和adbd 就算了。可是不死心啊 终于又研究了一下午，弄好了，最新的supersu ,比什么恶心的Kingro ......
CSS3-页面布局基础二——Box Model、边距折叠、内联与块标签
一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标 ......
css设置超过固定长度以省略号显示
1.设置一行内超过规定长度以省略号显示 代码: .box1 { background-color: orange; /*设置规定长度*/ width: 100px; /*内容会被修剪，并且其余内容是不可见的*/ overflow: hidden; /*显示省略符号来代表被修剪的文本。*/ text- ......