css色彩 标准color
CSS颜色格式
在CSS中，有多种常用的颜色格式可用于设置元素的颜色。以下是一些常见的颜色格式： 1. 十六进制颜色码（Hexadecimal Color Codes）：使用6位十六进制值来表示颜色，前两位表示红色（00-FF），中间两位表示绿色（00-FF），最后两位表示蓝色（00-FF）。例如，红色可以表示为# ......
前端知识点整理（二）——css
# 一、基本用法 ## 1、css语法 ``` ``` - 选择器：要修饰的对象（东西） - 属性名：修饰对象的哪一个属性（样式） - 属性值：样式的取值 ``` Document 111 111 ``` ## 2、CSS应用方式 也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式 ## ......
CSS（二）选择器
声明语法 由选择器和声明组成：选择器 {属性1:值1; 属性2:值2; ...}，如 h1 { color:blue; font-size:12px;} 选择器类型 全局选择器，优先级最低，一般做初始化，以通配符 * 匹配所有标签：* {声明1;声明2}， * {color:red;} 元素选择器， ......
CSS（三）HTML标签属性设置
HTML标签常用的属性 字体属性 color、font-size、font-weight（粗细）、font-style（正体斜体）、font-family（字体） 背景属性 background-color、background-image、background-position（背景图起始位置）、 ......
CSS（一）CSS引入方式
内联样式 在html标签内使用属性style，style属性可以包含任何css属性。直观但不利于维护，不推荐 <p style=" font-size: medium;"> css内联样式</p> 内部样式 在html文件头部声明样式，是这个HTML文件都可以使用，但是不能作用于其他HTML文件 < ......
CSS基础-背景
# 背景 ### **background-color** 背景颜色， 可以使用十六进制、rgb、rgba表示。 **语法** ```css /**selector 背景元素的原则去*/ /** color 背景颜色的值， 可以是 颜色名称、十六进制值、RGB、RGBA*/ selector { b ......
html与css——响应式设计
早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive web design，RWD） ......
初入前端-CSS（1）
## CSS ### CSS介绍 CSS (Cascading Style Sheets) 是一种用于描述网页样式和布局的样式表语言。它与 HTML 配合使用，用于控制网页中元素的外观和排版。 CSS 样式由选择器和声明块组成。选择器指定要应用样式的 HTML 元素，而声明块包含一个或多个属性-值对 ......
初入前端-CSS（2）
#### 盒模型 盒模型（Box Model）是CSS中用于布局和定位元素的基本概念之一。它描述了一个元素在页面中所占据的空间，并定义了元素的内容、内边距、边框和外边距之间的关系。 盒模型由以下四个部分组成： 1. 内容区域（Content）：指的是元素的实际内容，例如文本、图像等。 2. 内边距（ ......
html和css入门
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签是由尖括号包围的关键词，比如 ......
通过CSS样式缩放图片导致图片模糊的解决方案
在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略 ......
DTC标准故障码格式解析
DTC(Diagnostic Trouble Code)表示诊断故障码，是故障类型的"身份ID"；用于汽车故障时对故障部位及原因的排查。其格式如下： | DTCHighByte(Hex) | DTCMiddleByte(Hex) | DTCLowByte(Hex) | | | | | 1、故障内码与 ......
css实现空心三角形
<div class="triangle"></div> .triangle { width: 0; height: 0; border-style:solid; border-width: 0 8px 15px; border-color: transparent transparent #568 ......
CSS文字换行之word-wrap和word-break的区别
CSS文字换行之word-wrap和word-break的区别 word-wrap：break-word； word-break：break-all； 这两种都可以，区别在于英文场景中，当一个英文单词的长度超过了父级容器长度时，word-wrap：break-word没什么用，word-break： ......
自用gulp打包脚本，压缩html，压缩js，压缩css，压缩图片，功能齐全
const gulp = require('gulp'); const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
C++语言执行标准
## C++标准 #### 1. C++标准简介 The document specifies requirements for implementations of the C++ programming language. 美国国家标准局（American National Standards ......
CSS：定位
##position 属性 position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。 * static * relative * fixed * absolute * sticky 下面主要介绍前四个常用的值。 ###static 属性值 `sta ......
CSS英文单词换行
# 问题描述 有的时候我们需要在页面上展示英文单词，但是有时单词的字母被独立出来形成不了一个整体。比如：使用element-ui中的el-table ![](https://img2023.cnblogs.com/blog/724275/202306/724275-20230628192901526 ......
记录--不定高度展开收起动画 css/js 实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可 ......
css屏蔽图片长按选中下载
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; ......
css border不能同时设置圆角和 border-image
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS精灵技术
一、CSS精灵 需求： 当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的 ......
c语言字符串排序,使用标准库的排序方式
#include <stdio.h> #include <string.h> // 比较函数，用于判断两个字符串的大小关系 int compare(const void* a, const void* b) { return strcmp(*(const char**)a, *(const char ......
Coloring Tree (牛客多校) (BFS序列妙用+ f(n)-f(n+1)+ 组合数学)
题目大意: 给一个树, 然后 有k 种颜色可以给树上色 权值是 2个相同颜色节点的最短距离 问 让权值为 D 的方案数 题解: 首先 要让2个节点为D, 怎么处理呢? 利用 f(D)- f(D+1) 即可 因为问的是 2个相同颜色点的最短距离, 因此直接bfs用一个bfs序列 然后在bfs一下, 因 ......
CSS :last-child选中不了元素
1.情况：当div：finaincingMark-right-item后还有div：sliderLine时，使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div：finaincingMark-ri ......
CSS中实现元素居中的七种方法总结
在前端开发中，经常需要将元素居中显示，CSS提供了多种技术方法来实现元素的居中，在不同场景下有不同的使用方法、不同的效果，需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。 一、元素分类 在CSS中，元素大致可以分为以下几种： 1.块级元素（Block-level ......
CSS font-weight
主要理解UI给得英文名 对应得数值 字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始： nor ......