实用技巧 技巧css
python 打包exe 依赖技巧,多个py文件。
import os import re import urllib import urllib.request import os from internetdownloadmanager import Downloader import pandas as pd import time impor ......
第八篇 css - 布局 - 【 浮动布局 + 定位布局 + flex 伸缩盒布局 + grid 网格布局 】
普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 ......
第七篇 css - 样式 - 【 列表样式 + 表格样式 + 其他样式 】
列表样式 1、list-style-type 2、list-style-position 3、list-style-image 列表样式解析 1、html 有三种类型的列表 1、无序列表 2、有序列表 3、自定义列表 2、设置列表标记有 序号 圆点 圆圈 图片 ... 3、list-style 简写 ......
第六篇 css - 样式 - 【 字体样式 + 文本样式 】
字体样式 1、color 2、font-size 3、font-family 4、font-style 5、font-weight 字体样式解析 1、font-family 该属性用于设置字体 1、网页中常用的字体有宋体、微软雅黑、黑体等 如果字体名中包含 空格、#、$ 等符号,则该字体必须加英文状 ......
第一篇 css - 基础 - 【 概述 + 应用 + 语法 + css 知识体系 】
css 概述 1、什么是 css css 即 层叠样式表 【 英文全称:Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 ......
第四篇 css - 基础 - 颜色
颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”,以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体,因此所见的色彩空间通常可以由 三种 基本色所表达,这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色,用 ......
第五篇 css - 单位值
css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位,是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同(更具体地说,一个大写字母 M 的宽度) CSS 样式被应用之前,浏览器给网页设置的 默认基 ......
第三篇 css - 优先级 - 【 级联 和 继承 】
概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式,这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致,那么取决于 选择器 优先级(行内样式归纳到选择器这一 ......
第二篇 css - 选择器 - 【 基础选择器 + 组合选择器 + 伪类选择器 + 伪元素选择器 】
css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 ......
伪元素和CSS类
伪元素可以结合CSS类: p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p>https://www.lekaowang.com/cjhjs/zx/ksdg/ 上面的例子会使所有 class 为 article 的段落 ......
CSS - :before 伪元素
":before" 伪元素可以在元素的内容前面插入新内容。 下面的例子在每个 <h1>元素前面插入一幅图片: 实例 h1:before { content:url(smiley.gif); } https://www.lekaowang.com/jjcy/dgw/aesh/ 翻译 搜索 复制 ......
[CSS]浅记录两种弹窗属性
自用笔记。考虑到不同页面的需求不同,弹窗的属性可能不同。 常规弹窗,采用fixed居中样式: .pup_f position fixed top 0px width 1080px // 页面宽度 height 1920px // 页面高度 background-color rgba(0, 0, 0, ......
分享一些大屏可视化也许有用的css技巧
分享一些大屏可视化也许有用的css技巧 - 掘金 (juejin.cn) 可视化大屏基本就是数据可视化,主题多为科技感为主。下面分享一些也许对你有用的css效果,都是比较简单的,如果后面有别的还会更新。 1、带蒙版的刻度镜头旋转效果 比如下面这种刻度 目的是实现镜头旋转时,上半部和下半部的刻度逐渐消 ......
几段纯 CSS 代码实现的 漂亮边框效果
半透明边框 border:10px solid hsla(0, 0%, 100%,.5); background-clip:padding-box; 缝边效果 outline: 1px white dashed; outline-offset:-10px; border-radius:4%; bac ......
问题1:CSS布局方式有哪些?
CSS常见的布局方式包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等。 1.弹性布局:总体宽度及其中所有栏的值都以单位编写。这应使布局能够使用浏览器的指定基本字体大小缩放。 栏宽度将变得更宽, 能以任何大小显示更舒适、更可读的行长度。 2.固定布局:总体宽度及其中所有栏的值都以像素单位编写 ......
Linux -mv命令的10个实用例子
mv 命令是一个与cp类似的命令,但是它并非创建文件或目录的复制品/副本。不管你在使用什么版本的Linux系统,mv 都默认安装在你的Linux系统上了。来看一下 mv 命令在日常操作中的一些例子。 1.移动文件 移动文件时需要注意的是文件的源地址和目标地址必须不同。这里有个例子,想要将file_1 ......
CSS之伪类选择器,属性选择器
一.结构伪类选择器 伪类选择器一般的格式是使用冒号来表示 : 一般其它的伪类选择器很少使用,但是a标签的个性化都是使用的伪类选择器来个性化,所以对于a标签的个性化需要用到 代码解释: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
CSS学习笔记
CSS学习笔记 vertical-align vertical-align 属性设置元素的垂直对齐方式。 css中的vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和表单输入框) ,此属性不继承。 vertical-align的取值:baseline|sub|super ......
idea重构小技巧1,选中代码自动提取出来方法
1.选中抽取方法 选中代码 右键 -> refactor-> extract method 生成新的方法,并放在当前同类下 2.重新命名新抽取出来的方法为rewriteAlarmObject ......
CSS in JS (JSS)
JSS 是什么 简单来说,一句话概括CSS in JS (JSS),就是"行内样式"(inline style)和"行内脚本"(inline script)。 因为,自从React出现以后,基于组件化的要求,强制把HTML、CSS、JavaScript捆绑在一起,在同一个文件里面,封装了结构、样式、 ......
CAD如何画轴号、序号?试试浩辰CAD亿点点实用技巧!
在绘制CAD建筑工程图纸、机械工程图纸时,设计师需要使用轴号、序号等标注,对CAD图纸内容进行标注与说明。那么如何快速进行轴号标注?传统方式比较繁琐,需要设计师“一笔一画”手工绘制,以画圆+插入数字+绘制线段的方式来实现轴号标注。浩辰CAD教你告别繁琐的手工绘制,通过多种方式灵活实现轴号、序号标注, ......
批量上传iOS应用程序截图的实用技巧
提交iOS应用程序截图到iTunes Connect是一项非常繁琐的任务,因为你必须上传多达数十张屏幕截图,这是一个重复而枯燥的过程。但是,我们有一个好消息要告诉开发者们,现在有一个工具可以帮助你批量上传,方便快捷。 使用AppUploader工具可以快速简便地上传应用程序屏幕截图。你只需要创建截图 ......
CSS中的BFC详解
引言: 这篇文章是我对BFC的理解及总结,带你揭开BFC的面纱。你将会知道BFC是什么,形成BFC的条件,BFC的相关特性,以及他的实际应用。 一、何为BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说 ......
容斥与反演技巧(二)
年 更 大 作 FJOI2017 矩阵填数 $\max =v$ 拆成 $\le v$ 和存在一个 $=v$,对第二个条件容斥发现变成 $<v$,离散化后对每个点求出上界直接算。复杂度 $O(n^32^n)$。 CF449D 相当于每一位上至少有一个 $0$。钦定某些位上全是 $1$,发现只需要做高维 ......
[CSS]网页内容黑白展示
针对某些特殊事件需求。 基本思路: html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 考虑兼容性,应在<html>标签加入行内样式: ......
伪元素和CSS类
伪元素和CSS类 伪元素可以结合CSS类: p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p> 上面的例子会使所有 class 为 article 的段落的首字母变为红色。 https://www.81rz.com/ ......
css清除浮动最好的方法
.clearfix:before,.clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } ......
面向Web开发人员的Linux实用入门
从 web 开发的视角说一下在使用 Linux 时遇到的问题,主要是针对操作本身,因为指令在网上都可以查到,不会深入原理,但尽量实用。 基础认知 为什么使用 Linux 最初我使用 Linux 是因为我需要的应用在教程里只提供了 Linux 版本,于是我就按步骤把它部署起来,就这样顺其自然地用了下去 ......
css-6个可以在css属性中使用的函数
1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va ......