样式 内容css
CSS与Bootstrap的关系和区别
1. CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种样式表语言,用于控制网页的视觉效果。 2. Bootstrap是一个开源的前端UI框架,基于HTML、CSS和JavaScript,用于快速开发Web应用程序和网站。 3. Bootstrap需要依赖CSS作为样式 ......
CSS
CSS（Cascading Style Sheets）是一种用于描述HTML（或XML等）文档的样式和布局的标记语言。它通过为HTML元素应用样式规则来控制元素的外观和排版。 CSS的主要作用是将网页的内容和样式分离，使得网页的结构和样式可以独立进行修改和管理。通过CSS，可以为HTML元素指定字体 ......
HTML+CSS随笔
这是我的学习笔记，重点是我容易忘的内容，并不全面 配合以下内容学习就很全面了 黑马程序员pink老师前端入门教程 HTML HTML文件基础结构解析 <!DOCTYPE html> <html lang="zh-han"> <head> <meta charset="UTF-8"> <meta na ......
Css实现浏览滚动条效果
Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了，大部分时间都在玩，然后就是入职的事。今天就更新一个小知识，刷抖音的时候看到的，感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画，控制它们的开始时 ......
利用CMD窗口查看app数据库的内容
利用CMD窗口查看app数据库的内容 一般app的数据存储都在/data/data/目录下 adb shell -x cd data/data/ ls （查看相关文件夹内容） cd com.xxx.xxxxxx(一般都是app的包名) sqlite3 BT.db(数据库名字) 利用sql语法查看数据 ......
基于现有dtb文件修改内容
当有修改dtb需要，又不想经过linux编译生成dtb时，可以通过dtc工具进行dtb->dts，dts->dtb的转换。 dtc工具可以进行dtb和dts之间的转换，dts是可编辑文本。 Ubuntu下安装dtc工具： sudo apt-get install device-tree-compil ......
CSS 基础 5 - CSS 选择器
基础 #id{} ID 选择器 .class{} 类选择器 tag{} 标签选择器，tag 可以是 h1, p, div, span, img, nav, footer... *{} 通用选择器，选择所有元素，可以和其他复杂选择器组合 <div class="class1 class2" id="m ......
styled-components & CSS pseudo classes All In One
styled-components & CSS pseudo classes All In One
::after & ::before CSS 伪元素
......
CSS 实现 table 表头固定 tbody 显示垂直滚动条并自定义滚动条样式
一、最终效果图 二、关键代码 html 代码： <div class="table_info"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <thead> <tr> <th>项目账号</th> <t ......
jupyter notebook修改out处的字体样式和大小
修改输入处的字体大家应该在网上可以找到不少。但是out处的字体也很小很难看清楚，本问就是帮助大家修改out处的字体样式和大小。 首先找到anaconda所在文件夹，在该文件夹下找到custom.css文件，该文件所在的目录如下： 例如F:\Anaconda\Lib\site-packages\nbc ......
WebKit Inside: CSS 样式表的匹配时机
WebKit Inside: CSS 的解析 介绍了 CSS 样式表的解析过程，这篇文章继续介绍 CSS 的匹配时机。 无外部样式表 内部样式表和行内样式表本身就在 HTML 里面，解析 HTML 标签构建 DOM 树时内部样式表和行内样式就会被解析完毕。因此如果 HTML 里面只有内部样式表和行内 ......
Bootstrap padding&margin样式
Bootstrap中使用以下样式的类名，指定元素的padding和margin样式： {property}{sides}-{size} 其中 property的值为： - m：用于设置margin样式； - p ：用于设置padding样式； 其中sides值指定样式适用的边，可选值为： - t ： ......
top内容解析
%user: 表示用户态所使用 CPU 的百分比。 %nice: 表示使用 nice 命令对进程进行降级时 CPU 的百分比。%sys: 表示内核进程使用的 CPU 百分比。%iowait: 表示等待进行 I/O 所使用的 CPU 时间百分比。%irq: 表示用于处理系统中断的 CPU 百分比。%s ......
C# Datagridview 标题/列内容完全居中及选中行突出显示
一、列标题居中1.首先点击属性窗口的ColumnHeadersDefaultCellStyle属性进入属性设置子界面，并设置子界面属性Alignment的值为MiddleCenter（如下图） 2.如果此时列标题未完全居中，那么找到列集合设置属性（Columns）进入子界面，将所有列头的SortMo ......
矩阵的乘法运算与css的3d变换（transform）
theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ......
CSS & JS Effect – Do something on enter/leave window tab
需求 我在做一个体验 当用户 submit enquiry 后会 window.open 开启 WhatsApp。而当用户关闭 WhatsApp 回来网站后，会 show 一个 feedback message。 实现思路 关键就在如何感知到，用户从 WhatsApp 切换回到了网站。 参考: De ......
自定义输入内容样式
前言 好久没来园子写文章了！😂，现在博客迁移到 github blog了,所以没怎么在这里写了。 思路来源 最近体验了下blade ，一个轻量级MVC框架，看源码时候看到一个比较有意思的类 com.hellokaton.blade.kit.Ansi package com.hellokaton.b ......
springboot静态资源加载问题：能加载到文件，但是文件没有内容。拦截器的问题。
在使用springboot+thymeleaf的时候发现了这样的情况：加载到的js和css文件都没有内容。 但是在项目中是正常的文件。 尝试配置了许多东西之后发现是拦截器的问题。 1、在实现了WebMvcConfigurer接口的配置类中先重写addResourceHandlers方法。 @Over ......
酷安 内容文章保存
由于酷安的内容无法在电脑浏览器上查看，分享出来的url也要扫码查看详情，所以无法用singlefile之类的工具保存 只好用抓包软件httpcanary保存请求 不过手机上屏幕太小不太好看，我是用复制的curl在电脑上apifox请求一次再保存响应，而且apifox看请求参数也比较好逆向分析 ......
webpack打包丢失样式的问题
背景 在我部署好代码后，另一个同事就去访问页面查看，结果发现样式有问题，问我是不是代码没更新到？ 我反复去看了下时间和文件，证明代码是最新的了。 但后来对比了下页面和本地的样式，发现确实跟本地代码对不上。 分析过程 一开始还以为是部署的代码有问题，就到服务器查看，确实是丢失了样式。 然后再对比本地打 ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
问题描述 在webpack的时候报错 ERROR in ./packages/theme-chalk/mixins/mixins.scss (./node_modules/css-loader/dist/cjs.js!./packages/theme-chalk/mixins/mixins.scss ......
深航电企业评价评级系统可视化（HTML，CSS，JS）
一.项目背景 深航电企业评价评级系统EERS是一款企业绩效评价平台，旨在为企业提供科学、全面、精准的绩效评价服务，帮助企业发现问题、改进管理，提高整体绩效。 EERS评级系统借助大数据、云计算、人工智能等现代技术手段，将企业绩效数据进行多维度、系统化、动态化分析，为企业提供可视化的评级结果，帮助企业 ......
WebKit Inside: CSS 样式表的解析
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。 为了理解 CSS 的加载与解析，需要对 CSS 样式表的组成，尤其是 CSS Selector 有所了解，相关部分可以参看这里。 HTML 文件里面引入 CSS 样式表有 3 种方式: ......
CSS关系选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
Html和Css中的一些属性
1、alt属性：alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。 <img class="project_img" src="@/assets/music_project.jpg" alt ......
CSS-01 乱码
造成乱码的问题是： 文档保存的时候选择的编码方式和打开文档时使用的编码方式不一样。 当然现在都是统一使用utf-8:万国码。 正常文档格式： <!DOCTYPE html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> ......
div 让a内容居中方法
<div>标签是HTML中的一个重要标签，它代表了一个文档中的一个分割区块或一个部分。在<div>标签中，我们可以放置各种内容，包括文本、图像、链接等等。有时候，我们需要将其中的链接<a>标签的内容水平居中显示，这就需要使用CSS设置div内部链接的居中显示。本文将详细讲解如何使用CSS使得<div ......
【中秋国庆不断更】OpenHarmony多态样式stateStyles使用场景
@Styles和@Extend仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。这就是我们本章要介绍的内容stateStyles（又称为：多态样式）。 概述 stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不 ......
CSS定位问题
CSS定位问题 CSS定位分为 静态定位，相对定位，绝对定位，固定定位 默认不设置情况下为静态定位 position:static 静态定位 position:relative 相对定位 position:absolute 绝对定位 position:fixed 固定定位 相对定位 相对定位，即 ......
CSS浮动以及背景属性
CSS浮动以及背景属性 标准文档流 在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。 CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。 浮动的基本使用： <style> *{ float:left /* 左浮动 */ float: ......