特性 三大css
html+css：深入理解“块级元素”、“行内元素”和“行内块”元素
“块级元素”、“行内元素”和“行内块”元素，理解这个，才能深入理解css的盒子模型，这个是非常重要的。 其关键是“宽高”，理解“宽高”，“宽高”，“宽高”！！！ 这个是其根本区别，行内元素是由内容撑开，给宽高不起作用！！ 一、行内元素只记住 span 和 a 元素即可 如下，什么 dd,dt都是块级 ......
三大函数：拷贝构造，拷贝赋值、析构函数
一、举例 带指针的这种类，构造函数一定要自己写，否则用编译器给的方式（拷贝指针，两个指针指向同一个数据），有可能会出问题。 二、ctor和dtor（构造函数和析构函数） 三、class with pointer members必须有copy ctor 和 copy op= 如果不写拷贝构造和拷贝赋值 ......
探索STM32F030的低功耗特性及应用场景
TM32F030是意法半导体推出的一款低功耗微控制器，它采用ARM Cortex-M0内核，带有丰富的外设和高度灵活的可编程性，适用于多种应用场景。本文将探索STM32F030的低功耗特性及其应用场景。STM32F030参数详情。 一、STM32F030的低功耗特性 1. 低功耗模式 STM32F0 ......
vue使用animate.css
1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......
css---3d翻转
简单的一个3d翻转的动画特效： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .main-img{width: 800px; ......
HTML5与CSS3实现动态网页（上）
结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......
【CSS】CSS笔记
# CSS笔记 CSS就是美化网页的。 CSS是层叠样式表（Cascading Style Sheets）的简称。 有时也称为CSS样式表或级联样式表。 也是一种标记语言。 ## CSS简介 选择器+声明 ```css h1 { color: red; ... } ``` 选择器{属性：值} ### ......
【CSS】画自适应矩形
<html> <style> .box { /* 1. padding-top 根据父容器进行百分比计算数值的 */ /* width: 50%; background: blue; padding-top: 50%; */ /* 2. aspect-ratio： 规定了纵横比，这个纵横比可以用来计 ......
【CSS】画三角形
<html> <head> <title>CSS 绘制三角形</title> </head> <body> <div> <h1>实心三角形</h1> <div class="filled-triangle-1"></div> <div> <h1>等边三角形</h1> <div class="fill ......
【CSS】伪类选择器和伪元素选择器
伪类选择器用于指定所选元素的特殊状态，参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes 伪元素选择器允许你对被选择元素的特定部分修改样式，不会真的修改dom结构，参考 https://developer.mozill ......
c++11新特性
这篇文章基本上涵盖了c++11的所有新特性，并有详细代码介绍其用法，对关键知识点做了深入分析，对重要的知识点我单独写了相关文章并附上了相关链接，我还准备了完整版c++新特性脑图，有需要可以去我的gz号回复 “新特性” 下载，见文章最后。 auto & decltype 关于C++11新特性，最先提到 ......
C++14新特性
这篇文章介绍下C++14的新特性。 函数返回值类型推导 C++14对函数返回类型推导规则做了优化，先看一段代码： #include <iostream> using namespace std; auto func(int i) { return i; } int main() { cout << ......
记录--CSS 滚动驱动动画 scroll()
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 ......
【css兼容】flex在低版本 chrome 浏览器的兼容问题
https://blog.csdn.net/weixin_43841308/article/details/111246537 前言【感官】使用 Element UI 构建如下布局 【逻辑】具体代码： 【现象】 谷歌浏览器44.0.2403.125 m版本 显示main内容不全谷歌浏览器57.0.2 ......
ES6的新特性有哪些
1、let 和 const 声明变量的方式，取代了 var 关键字。 2、箭头函数（Arrow Function），简化了函数的书写方式。 3、模板字符串（Template String），允许在字符串中使用变量和表达式，而不需要使用字符串连接符号 4、解构赋值（Destructuring Assi ......
CSS filter drop-shadow All In One
CSS filter drop-shadow All In One
CSS 滤镜投影
背景虚化
光晕特效
......
[译]这几个CSS小技巧，你知道吗？
# 前言 在网页设计和前端开发中，CSS属性是非常重要的一部分。掌握常用的CSS属性不仅可以使你的网页看起来更美观，还能提升用户体验，今天小编为大家介绍8个常见的CSS小技巧： # 1.修改滚动条样式 下图是我们常见的滚动条，现在需要改变滚动条的宽度和颜色了，并把它画的圆一点。 `或`typeof()`获取一个Type类型的实例 - 在Type类型的实例上通过`GetProperties()`，`GetMethods()`，`GetCustomAttributes()`访问类型的 ......
开发指导—利用CSS动画实现HarmonyOS动效（二）
注：本文内容分享转载自HarmonyOS Developer官网文档 点击查看《开发指导—利用CSS动画实现HarmonyOS动效（一）》 3. background-position样式动画 通过改变background-position属性（第一个值为X轴的位置，第二个值为Y轴的位置）移动背景图 ......
前瞻｜Java 21 新特性 String Templates（字符串模版）
在日常写Java的时候，对于字符串的操作是非常普遍的，其中最常见的就是对字符串的组织。也因为这个操作非常普遍，所以诞生了很多方案，总下来大概有这么几种： - 使用`+`拼接 - 使用`StringBuffer`和`SpringBuilder` - `String::format` and `Stri ......
css实现圆形里面感叹号
.circle-exclamation { width: 20px; height: 20px; border-radius: 50%; display: inline-block; background-color: #eb4d4b; } .circle-exclamation::before { ......
现代 CSS 解决方案：数学函数 Round
在 CSS 中，存在许多数学函数，这些函数能够通过简单的计算操作来生成某些属性值，例如在[现代 CSS 解决方案：CSS 数学函数](https://github.com/chokcoco/iCSS/issues/177)一文中，我们详细介绍了 + calc()：用于计算任意长度、百分比或数值型数据 ......
css3-旋转木马
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
MySQL的优化，三大范式和事务的四大特性
##### 优化 - 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 - 2.应尽量避免在 where 子句中对字段进行 null 值判断，否则将导致引擎放弃使用索引而进行全表扫描 - 3.应尽量避免在 where 子句中使用not in ......
css: A Multi-line CSS only Typewriter effect
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca ......
Django优化模版拆分css文件
Django优化模版拆分css文件 可以发现前面写项目将css放在html一个文件中，虽然简单省事但是带来的问题就是文件过于冗长不方便查看和修改。这里做个分离优化提供两种方式 方式一：html和css存放同一目录 将原因html中</style>内容移动到home.css文件中，然后再html移动空 ......