css学习记录

CSS 模拟输入框指针动画效果

@keyframescursor-blinks{0%{opacity:1;display:block;}50%{opacity:0;display:none;}100%{opacity:1;display:block;}}.cursor{color:var(--m-color-bg-primary);border-left:1pxsolid;margin-left:2px;height:33px;
__仰望·2024-02-19 21:29

CSS-入门-MDN文档学习笔记

CSS介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网CSS概况CSS的作用CSS是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等一份文档是由标记语言组织起来的文本文件
LoveEmiliaForever·2024-02-19 21:25

uniapp组件学习

https://uniapp.dcloud.io/component/视图容器基本属性——主要用于指示按钮效果，经常用到的有hover-class="自定义css样式"，点击之后则可将view渲染为自定义样式放开之后再自动复原
最帅的GISer·2024-02-19 21:24

CSS实现新拟态效果

不得不说，这样的效果确实很不错，那么使用CSS该如何实现呢？推荐一个网站，https://neumorphism.io/#e6eef4在这个网站可以非常方便实
淘淘是只狗·2024-02-19 21:54

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。伪元素（Pseudo-element）:伪元素是选择器的一种，用于在元素的特定部分上添加样式。它们以双冒号（::
前端fighter·2024-02-19 21:54

uni-app基础知识笔记

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯
安静宅男爱蓝猫·2024-02-19 21:24

有趣的CSS - 搜索框小动效

大家好，我是Just，这里是「设计师工作日常」，今天分享的是使用css模拟实现搜索图标过渡到输入框的小动效的一个效果。《有趣的css》系列最新实例通过公众号「设计师工作日常」发布。
设计师工作日常·2024-02-19 21:22

有趣的CSS - 旋转的太极图

目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果使用:before、:after伪元素以及animation属性画一个顺时针旋转的太极图。
设计师工作日常·2024-02-19 21:52

CSS之margin塌陷

margin塌陷CSS中的外边距塌陷（MarginCollapse）问题是指在垂直方向上，当两个或多个块级元素的边距相遇时，它们之间的距离不是它们各自边距的总和，而是其中的最大值。
大超-无痕·2024-02-19 21:51

有趣的CSS - 新拟态输入框

我是Just，这里是「设计师工作日常」，《有趣的css》系列已更新11篇了，今天这篇是关于新拟态风格的一个输入框效果，希望你们喜欢。
设计师工作日常·2024-02-19 20:47

CSS杂记

1在需要文本过长，需要该文本自动换行时111111111111111111111111111111111222222222222222222223333333333111111111111111111111111111111111222222222222222222223333333333
猛踹瘸子那条好腿の·2024-02-19 20:45

Node.js网站爬虫（三）网络爬虫

新闻详情页：1.2其他方式:2爬取结构与工具包：2.1爬取整体结构：2.2工具包2.2.1模块下载和导入模块：2.2.2工具包（重要模块）：3爬取流程：3.1定义format:3.1.1根据html结构使用CSS
Lilriver·2024-02-19 20:28

HAL/LL/STD STM32 U8g2库 +I2C SSD1306/sh1106 WouoUI磁贴案例

HAL/LL/STDSTM32U8g2库+I2CSSD1306/sh1106WouoUI磁贴案例基于STM32F103C8T6LL库驱动版本：https://gitee.com/chcsx/platform-test
perseverance52·2024-02-19 20:28

4.1.浏览器的开发者工具

下面是开发者工具的主要用途：调试和修复问题开发者工具允许开发人员检查和调试网页上的问题，如JavaScript错误、CSS样式问题、网络请求问题等。
sty3318·2024-02-19 20:26

2.1.w3c标准

网页主要由三部分组成：结构，表现，行为（1）结构化标准语言主要包括XHTML，XML（2）表现标准语言主要包括CSS（3）行为标准主要包括w3cdom,ecmascript等。
sty3318·2024-02-19 20:56

鸿蒙HarmonyOS4.0开发应用学习笔记——第一篇

1、熟悉鸿蒙官网安装DevEcoStudio设计：设计的资源，需要来找开发：开发应用分发：发布文档：开发查看的资料（指南，API文档）2、了解ArkTS语言利用网页技术开发：CSS语言控制布局与样式HTML
Echo-J·2024-02-19 20:36

嵌入式学习记录20

标准IO和文件IO的区别：1.标准IO是库函数,是对系统调用的封装2.文件IO是系统调用,是Linux内核中的函数接口3.标准IO是有缓存的4.文件IO是没有缓存的文件IO:1.操作步骤：打开->读/写->关闭2.打开文件:open形式：intopen(constchar*pathname,intflags);intopen(constchar*pathname,intflags,mode_tmo
挽梦422·2024-02-19 20:33

嵌入式学习记录14

一：string.h1.strncpychar*strncpy(char*dest,constchar*src,size_tn)定义一个char*类型的函数；其中dest为复制到这个地址，src为要复制的目标；n为复制src的前n个；nstrlen(src)如果n拷贝够了次数把src全部拷完，到达‘\0’；剩余拷贝统统补0；也就是当*src=='\0'时还有剩余，后面全部补0；2.strncatc
挽梦422·2024-02-19 20:03

嵌入式学习记录16

补：自然边界对齐int--4字节---能被4整除的地址编号上short--2字节---能被2整除的地址编号上char--1字节---能被1整除的地址编号上1.共用体(union)1.1格式：union共用体名{成员列表;//各个变量};//表示定义一个共用体类型注意：1.2.共用体初始化---只能给一个值，默认是给到第一个成员变量的1.3.共用体成员变量辅助共用体用的数据最终存储的---应该是最后
挽梦422·2024-02-19 20:03

嵌入式学习记录17

一，预处理#include#defineN10预处理命令:都是以#开头的1.gcc的编译过程:.c文件//vim编辑的文件A:预处理:把程序中#开头的预处理命令执行了。形成--预处理文件--源代码文件eg:gcc-Emain.c-omain.i.i文件B:编译://编译成汇编文件gcc-Smain.i-omain.sC:汇编//将汇编文件编译成目标文件(机器代码)gcc-cmian.s-omain
挽梦422·2024-02-19 20:03

嵌入式学习记录18

Linux软件编程:1.Linux:操作系统的内核1.管理CPU2.管理内存3.管理硬件设备4.管理文件系统5.任务调度2.Shell:1.保护Linux内核(用户和Linux内核不直接操作,通过操作Shell,Shell和内核交互)2.命令解释器2.1Shell基本命令:1.ls2.cd3.touch/rm4.mkdir/rmdir5.cp6.mv2.2文件查看命令:1.cat查看文件内容(字符
挽梦422·2024-02-19 20:03

嵌入式学习记录8

1.循环中的排序排序一般分为升序和降序；C中排序一般指升序；1.1选择排序：第一个for为趟数，一共要进行几趟下面的程序；然后定义下面应该拿出第几个位置的数；第二个for为次数，拿出第一个位置；不断与后面的数进行比较，在这个位置放置最小的数；而for的作用可以让这个程序依次比较，且以递增的形式进行下去；直至最后一个；得到这个数组最小的数，放置在a[0]处；后回到第一个for依次拿出后面的位置与后面
挽梦422·2024-02-19 20:02

嵌入式学习记录11

函数的嵌套调用：特殊的嵌套调用---递归(自己调用自己)递归--就是循环如从1加到100；反着来，直到找到初始值sum（1）=1;再回归得到最终的sum；递推关系：重复的第n项与第n-1项之间的关系；斐波拉契数列前n项之和中：用递归思想：fibo(n)=fibo(n-1)+fibo(n-2);第三项等于前两项个之和；而前n项和：则是sum(n)n>2因为斐波拉契数列前两项均为一；是从第三项开始，所
挽梦422·2024-02-19 20:02

嵌入式学习记录4

起名的规则见名知意，尽量其起英文名；避免拼音。一般采用驼峰命名法：StudentCount//大驼峰studentCount//小驼峰student_count//内核命名法主页面反应问题：编译时的问题错误---语法错误警告---语法不合适运行时的问题逻辑问题---调整思维不同类型的数据间混合赋值:int=double//高精度给低精度赋值精度丢失(损失)【小数点后精确度损失】double=int
挽梦422·2024-02-19 20:32

嵌入式学习记录19

一.函数接口:1.fwrite形式size_tfwrite(constvoid*ptr,size_tsize,size_tnmemb,FILE*stream);功能:向流中写入nmemb个对象,每个对象size字节大小,在ptr指向的空间中参数:ptr:存放数据空间的首地址size:每个数据对象的大小nmemb:数据对象的个数stream:文件流指针返回值:成功返回写入对象的个数失败返回0读到文件
挽梦422·2024-02-19 20:54

寒假学习记录16：Express框架（Node）

后续会补充1.引入express1.先下载express框架创建一个package.json格式的文件，里面写入{"dependencies":{"express":"~4.16.1"//express版本号}}然后打开终端输入npmi2.引入express模块constexpress=require("express");constapp=express();2.使用express监听端口号co
博丽七七·2024-02-19 19:26

好用的富文本编辑框wangEditor

这个编辑框是纯js加css实现的，使用起来还是很方便的，比百度的要简单很多，前段用起来也没有问题。下面就是使用的例子，可以作为参考，也可以去官网看下。Title欢迎使用wangEdit
周六不算加班·2024-02-19 19:02

用HTML5实现动画

用HTML5实现动画要在HTML5中实现动画，可以使用以下几种方法：CSS动画、使用元素和JavaScript来实现动画、使用JavaScript动画库。重点介绍前两种。
软件技术爱好者·2024-02-19 19:54

编程笔记 html5&css&js 082 JavaScript 函数

编程笔记html5&css&js082JavaScript函数一、函数二、函数的定义（一）、函数声明：（二）、函数表达式（匿名函数赋值）：（三）、箭头函数表达式（ES6新增特性）：三、函数的调用四、函数的参数五
明月看潮生·2024-02-19 19:53

创建 vite + vue3 + ts 项目简单笔记

第一种方法：第二种方法：第三种方法（推荐）：初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量3、vite+vue3脚手架项目中安装使用`scss
W.Y.B.G·2024-02-19 19:08

实现 css 样式隔离的方法

样式隔离是一种在Web开发中常用的技术，用于确保组件或模块之间的样式不会相互影响，从而提高代码的可维护性和可重用性CSSModules：CSSModules是一种将CSS文件转换成JavaScript模块的技术
我有一棵树·2024-02-19 19:07

css篇---移动端适配的方案有哪几种

移动端适配移动端适配是指同一个页面可以在不同的移动端设备上都有合理的布局。主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域（通常来说是矩形）。在浏览器范畴内，它代表的是浏览器中网站中可见如果要实现浏览器适配移动端，首先我们需要统一标准视口，在html的head中需要添加以下标签：①统一视口re
婷宝_知萌·2024-02-19 19:32

js---webAPI

01声明变量js组成：DOM:操作网页内容的,开发页面内容特效和实现用户交互BOM:DOM树：将HTML文档以树状结构直观的表现出来，我们称之为文档树或DOM树文档树直观的体现了标签与标签之间的关系CSS
婷宝_知萌·2024-02-19 19:32

HTML动态彩虹字

效果：HTML：ElegantandBeautifulCSS：.this-div{background-image:-webkit-linear-gradient(left,#147B96,#E6D20525%
CJH（本人账号）·2024-02-19 18:40

HTML板块左右排列布局——左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面

我们可以借助CSS中的float属性来实现。实例：布局需求：左侧DIV固定宽度，右侧DIV自适应宽度，填充满剩余页面。
CJH（本人账号）·2024-02-19 18:40

展示用HTML编写的个人简历信息

我的Gitee我的博客教育背景2011-2017小学2017-2020初中2020-2023高中2023-2027大学计算机科学与技术专业技能掌握Java编程掌握数据结构掌握前端相关的技能:html,css
fly in the sky !·2024-02-19 18:24

2024 前端面试题 附录1

2024前端面试题（GPT回答+示例代码+解释）No.1-No.20](https://blog.csdn.net/m0_67023788/article/details/136101352)附1.用原生CSS
好想玩原神·2024-02-19 18:46

三种canvas星空背景效果

第一种：旋转的光点，不限浏览器分辨率cssbody{margin:0auto;overflow:hidden;}.canvas{position:absolute;top:0%;left:0%;width
尘世壹俗人·2024-02-19 18:45

【Django】静态文件、应用与分布式路由、模型层与ORM介绍、ORM基础字段与操作

一、静态文件图片、视频、css、js等文件都叫静态文件配置静态文件的访问路径，STATIC_URL='/static/'。若url中存在/static/，默认走静态文件路径，不需要视图函数处理。
Sunrise.99·2024-02-19 16:12

Django（静态文件和Django应用和分布式路由）

什么是静态文件如：图片、css、js、音频、视频静态文件配置--settings.py中1.配置静态文件的访问路径【该配置默认存在】STATIC_URL='/static'指定访问静态文件是需要通过/static
波士顿大龙虾_·2024-02-19 16:42

使用html-webpack-plugin对HTML文件进行预处理

原文地址：https://segmentfault.com/a/1190000021518323作者：Fw恶龙本文首发于：思否一、前言先整理一波之前和webpack相关的文章:使用Webpack对CSS
宁法·2024-02-19 15:14

[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言数据类型数据类型-字符型数据类型-数值型数据类型-布尔型数据类型-其它类型变量转义字符运算符和表达式算术运算符和表达式关系运算符和表达式关系运算符和表达式逻辑运算符和表达式赋值运算符和表达式位运算符和表达式条件运算符和表达式课后练习网页标题：事件处理
猫佛·2024-02-19 15:12

html的表格标签

会居中加粗thead:表格的头部区域(注意和th区分,范围是比th要大的).tbody:表格得到主体区域.table包含tr,tr包含td或者th.表格标签有一些属性，可以用于设置大小边框等，但是一般使用CSS
fly in the sky !·2024-02-19 15:11

[HTML]Web前端开发技术25（HTML5、CSS3、JavaScript ）JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript程序代码消息对话框消息对话框-告警框消息对话框-确认框消息对话框-提示框JavaScript注释标识符和变量命名规范1.标识符2.关键字3.保留字课后练习网页标题：HTML属性的事件处理器的应用网页标题：调用外部js文件的Java
猫佛·2024-02-19 15:06

大写锁定已开启 指令v-XXX开发

思路方案一：当然最简单的方法就是input输入框focus的时候去判断是否开启大写按钮，但是复用性很差，基本上每个密码框都要写一遍js和css；方案二：本项目使用vue2+ele开发的，所以准备用指令去实现这个功能
weixin_43062742·2024-02-19 15:30

CSS-布局-MDN文档学习笔记

CSS布局查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网介绍CSS布局正常布局流简介正常布局流是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式当你使用css
LoveEmiliaForever·2024-02-19 15:09

CSS-基础-MDN文档学习笔记

CSS构建基础查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网CSS选择器选择器是什么CSS选择器是CSS规则的第一部分，它用来选择HTML元素，选择器所选择的元素，叫做选择器的对象选择器列表如果有多个使用相同样式的
LoveEmiliaForever·2024-02-19 15:39

CSS-文本样式-MDN文档学习笔记

CSS文本样式查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网基本文字和字体样式用于样式文本的CSS属性通常可以分为两类字体样式:作用于字体的属性，会直接应用到文本中，比如使用哪种字体
LoveEmiliaForever·2024-02-19 15:08

HTML5+CSS3+JS小实例：黑客帝国“代码雨”特效

实例：黑客帝国“代码雨”特效技术栈：HTML+CSS+JS效果：源码：【HTML】黑客帝国“代码雨”特效【CSS】*{margin:0;padding:0;}body{overflow:hidden;}
艾恩小灰灰·2024-02-19 15:22

canvas实现黑客帝国矩形阵

由于是canvas实现的，所有首先第一步就是在页面添加canvas标签，如下：请使用高版本浏览器，IE8以及一下不支持canvascss代码：html,body{height:100%;overflow
qq_45670012·2024-02-19 15:18
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他