css学习记录

scss 和css 的区别 scss变量和css变量的区别

scss和css的区别语法差异：CSS使用大括号{}和分号;来定义样式规则和属性。SCSS使用了Sass的语法，它允许使用类似编程语言的结构，如变量、嵌套规则、混合（mixins）和继承等。
我有一棵树·2024-09-04 21:50

css改变鼠标样式

要在网页上改变鼠标的样式，你可以使用CSS的cursor属性。这个属性允许你为网页上的不同元素设置不同的鼠标指针样式。
李是啥也不会·2024-09-04 21:48

css中设定长度的例外情况

看下面的例子：div{font-size:40px;width:10em;/*400px*/height:10em;border:solid1pxblack;}p{font-size:0.5em;/*20px*/width:10em;/*200px*/height:10em;border:solid1pxred;}span{font-size:0.5em;width:10em;height:10e
2301_79698214·2024-09-04 21:17

CSS3换装达人原理

引言换装或者是换皮肤是常见的行为，我们可以先看下效果：选择不同的颜色，就可以秒变人物服装的颜色，原理其实非常简单实现步骤主要分为三步，即素材的提供、布局样式、动态控制图片提供提供两张图片，一张人物图片，一张除衣服外其余透明的图片布局和样式布局主要是元素的定位，两张图片的叠加，需要用到相对定位和绝对定位/**底图（人物）*/.person{width:256px;height:512px;backg
Jinuss·2024-09-04 21:16

uniapp css样式盒子上面的箭头样式

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。
m0_69254007·2024-09-04 19:36

T4周：猴痘病识别

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制Z.心得感受+知识点补充1.ModelCheckpoint讲解函数原型：tf.keras.callbacks.ModelCheckpoint
KLaycurryifans·2024-09-04 18:03

第T4周：使用TensorFlow实现猴痘病识别

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊文章目录一、前期工作1.设置GPU（如果使用的是CPU可以忽略这步）2.导入数据3.查看数据二、数据预处理1、加载数据2、数据可视化3、再次检查数据
oufoc·2024-09-04 18:03

css spacing设置间距

word-spacing属性用于设置单词之间的间距。它只影响英文单词之间的间距，对中文无效。例如，设置word-spacing:30px;将在每个单词之间增加30像素的间距。这个属性可以增加或减少字与字之间的空白，并且允许负值，即减少字与字之间的间距。letter-spacing属性用于设置字母之间的间距，适用于中文和英文。例如，设置letter-spacing:10px;将在每个字母之间增加10
时间不说谎·2024-09-04 18:32

css radius

在css中，radius属性用于设置元素角落的圆角半径，以创建更美观的现代化外观。属性值包含绝对长度或百分比，或继承父元素的半径。
时间不说谎·2024-09-04 18:02

记录一下CSS中calc()函数的坑

记录一下CSS中calc()函数的坑calc()中的运算符号前后必须加上空格。calc()中除法的右边必须为数字，不能带单位。在乘法中，至少有一个参数必须是数字。
JoshuaLi_·2024-09-04 18:00

css3属性linear-gradient兼容ie9问题

1.在vue-cli构建的商城项目中发现background-image:linear-gradient(toright,#ff0067,#ff5698);在ie9中失效，无法显示任何内容。解决方案：IE可以依靠滤镜实现渐变。startColorstr表示起点的颜色，endColorstr表示终点颜色。GradientType表示渐变类型，0为缺省值，表示垂直渐变，1表示水平渐变。filter:p
曲米茶·2024-09-04 18:44

css中calc属性不起作用

css中calc属性不起作用1、格式错误calc属性作用不起作用是因为书写格式错误，正确的格式需要在运算符的两边留有空格。
缘如风·2024-09-04 18:30

vue2结合electron开发桌面端应用

Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron。
vitenode·2024-09-04 16:48

canvas计时小案例

效果图1.gifcss代码div{margin:0auto;margin-top:100px;background:#eee;width:500px;height:500px;text-align:center
哈哈乐乐WXT·2024-09-04 13:17

前端框架大盘点

放在这里压住阵脚：css框架：Bootstrap、Layui、Zui、Am
HITZXL·2024-09-04 06:10

在React中使用TypeScript和Material-UI v5时，要为单个.tsx文件创建一个局部作用域的.scss文件如何做? 另外主题如何获取呢?

创建一个局部作用域的.scss文件如何做?
汝&戏·2024-09-04 05:00

JavaWeb知识点总结

》一：创建Web项目项目说明：1、javaResources：java源文件2、WebContent:网页内容html、css、js、jsp、资源、配置文件等HTML:HyperTextMarkupLanguage
weixin_30294295·2024-09-04 03:20

uniapp scroll-view滚动触底加载 height高度自适应

即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
影子信息·2024-09-04 02:46

文件切片上传-仅学习记录

一、目的：本文仅记录一次实践尝试，仅前端调试成功，后端未反馈问题，不过后来接口废弃了。二、前期博客浏览参考：本文链接：文件分片上传【前端】_分片上传原理-CSDN博客本文链接：前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例，react同理_前端文件切片_刘伟坤的博客-CSDN博客原文链接：前端大文件上传优化方案——分片上传-知乎三、原理：分片上传的整个流程大致如下：(1)将需要上传
qq_41562817·2024-09-04 00:04

web期末作业网页设计——我的家乡黑龙江（网页源码）

二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、
软件技术NINI·2024-09-04 00:02

html5将文本折叠起来,HTML5：页面折叠效果(HTML5 : Page Fold Effects)

HTML5：页面折叠效果(HTML5:PageFoldEffects)在互联网上使用HTML5和CSS3有相当多的页面翻转/卷曲效果，但似乎我找不到任何页面折叠效果(将页面左右两侧折叠到中间)。
阿垃垃圾咩咩·2024-09-03 23:57

vue项目使用艺术字体

目录1、下载免费字体2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式3、将woff文件放在static静态资源文件夹里面4、在公共样式的css文件中引入该字体（公共样式的文件要在main.js
煮豆燃豆萁~·2024-09-03 22:21

css实现卡片右上角的状态

1、成品展示2、html部分{{statusList[item.status]}}3、css部分.itemBox{position:relative;overflow:hidden;}.status{height
煮豆燃豆萁~·2024-09-03 22:19

我们该怎么去准备校招呢？

c、c++、java、c#、html/css/js、python、数据结构、计算机理论基础。好吧，一定还有其它的，但是我不记得了。我自己也怀疑过，为什么我们要学习这么多的东西？根本学不过来，就像
小道仙97·2024-09-03 21:39

2024前端面试题-篇章二

几种实现css绝对居中(水平、垂直居中)的方法方法有很多需要的自己再去探索1.flex+margin:auto.test{display:flex;width:600px;height:400px;background-color
蕉君桑·2024-09-03 18:59

CSS 之 动态九宫格效果

一、简介今天给大家分享的是纯CSS实现的动态九宫格布局效果，即：九个元素排列成三乘三的九宫格布局，当鼠标hover到某个元素时，该元素会被放大，而其他元素则会被挤压缩小，从而维持整个外层父元素的大小不变
努力的小朱同学·2024-09-03 18:58

CSS实现“鼠标悬浮按钮_闪过光泽”效果

创建按钮创建按钮样式创建渐变光创建什么时候渐变光出现创建渐变光的动画效果动画开始执行HTML+CSS，一共6个步骤实现效果代码效果：（用灵者GIF录制工具录下来的，效果不怎么好）HTML：（先随便写一个按钮
SOLDIER_76·2024-09-03 17:01

Java编程开发新手学习：数组方法的应用猜字母游戏

给你学习路线：html-css-js-jq-javase-数据库-jsp-servlet-Struts2-hibernate-mybatis-spring4-springmv
Java小辰·2024-09-03 17:00

点击旋转箭头样式

实现效果：html界面，主要通过isdown来控制箭头是上还是下退出登录import{ref}from'vue'constisdown=ref(false)return{isdown}scss.user
aleluye·2024-09-03 15:05

vue中css使用变量

1、在css中使用变量1、css中声明变量--color：red2、使用变量color:var(--color)//color:red获取到全局声明变量值为red2、使用vue中的变量1、再htm标签中
aleluye·2024-09-03 15:05

vue nuxt scss node express MongoDB 实现的简单文章发布系统

mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好，如果你希望自己的网站在seo这块有较好的支持，可以尝试一下SSR技术，nuxt.js就是专门针对vue这一问题实现的技术，因此这一次我就尝试写了一个项目，主要实现的一个简单的文章的增删改查系统，主要为实现nuxt集合node实现ssr功能。新人可以学习下https://github.com/ITCNZ/mynuxt（如果觉
qq_36320160·2024-09-03 14:29

hive学习记录

一、Hive的基本概念定义：Hive是基于Hadoop的一个数据仓库工具，可以将结构化的数据文件映射为一张表，并提供类SQL查询功能。Hive将HQL（HiveQueryLanguage）转化成MapReduce程序或其他分布式计算引擎（如Tez、Spark）的任务进行计算。数据存储：Hive处理的数据存储在HDFS（HadoopDistributedFileSystem）上。执行引擎：Hive的
2302_80695227·2024-09-03 12:46

css渐变边框的两种方案

方案一：双层元素，使用一个单独的元素作为渐变色背景放在最下层，上层设置一个透明的border和纯色的背景（需要设置background-clip:padding-box以避免盖住下层元素的border）,上下两层设置相同的border-radius。Loremipsumdolor,sitametconsecteturadipisicingelit.Isterationenecessitatibus
冰眸js·2024-09-03 08:24

JAVA毕业设计酒店管理系统设计与实现计算机源码+lw文档+系统+调试部署+数据库

JAVA毕业设计酒店管理系统设计与实现计算机源码+lw文档+系统+调试部署+数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
妮维网络·2024-09-03 07:47

vue Element-ui el-table合计行样式自定义、不换行显示

js（设置‘title’）配合css（不换行）watch:{//loading为v-loadingloading(bool){!
一撇一画·2024-09-03 07:47

如何将超出范围的文本显示为...？

在CSS中，将超出容器范围的文本显示为省略号（...）是一个常见的需求，特别是在处理标题、描述或任何可能因长度过长而需要截断显示的文本时。
BANaanaa·2024-09-03 07:46

微信小程序自定义相机（React+Taro）

/index.scss";import{takePhote}from'@/commo
淑子啦·2024-09-03 07:15

css怎么做响应式布局,用CSS实现响应式布局

响应式网页看起来高大上，但实际上，不用JS只用CSS也能实现响应式网站的布局要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用使用@media的三种方式第一：直接在CSS文件中使用@media类型
休蒙提的可爱背包·2024-09-03 06:11

用CSS实现前端响应式布局

一、响应式布局的重要性随着移动设备的普及，越来越多的用户通过手机、平板电脑等设备访问网页。如果网页不能适应不同的屏幕尺寸，就会出现布局混乱、内容显示不全等问题，严重影响用户体验。响应式布局可以确保网页在各种设备上都能保持美观、易用，提高用户满意度和网站的可用性。二、代码分析HTML结构：htmltitle1content1title2content2title3content3这里使用了一个容器d
小刘|·2024-09-03 06:39

Nuxt3入门：样式的注入、定义和使用（第3节）

可以自定义样式，或引用本地和外部样式表，或使用CSS预处理器、CSS框架、UI库和Nuxt模块来设置应用程序的样式。
沐爸muba·2024-09-03 05:05

前端各种文本文件预览 文本编辑excel预览编辑 pdf预览word预览 excel下载pdf下载word下载

前端各种文本文件预览文本编辑excel预览编辑pdf预览word预览excel下载pdf下载word下载各种文本文件预览（pdf,xlsx,docx,cpp,java,sql,py,vue,html,js,json,css
夜空孤狼啸·2024-09-03 05:01

Vue笔记 -- CSS之清除浮动

一、代码如下HTMLCSS.container{border:4pxsolidred;overflow:hidden;}.left{width:100px;height:400px;background-color
lyking·2024-09-03 01:05

vue常用操作指令

指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css
曼荼罗poisonous·2024-09-02 20:38

解决移动端跳转问题——CSS过渡、target伪类

前言很多刚刚接触移动端的小伙伴都可能对于点击跳转路由这方面有些疑惑，特别是运用了Vue路由，因此这篇文章就带领小伙伴一起尝试用css进行页面跳转效果如图，由于是移动端，所以选择预览的手机模拟：1.gifHTMLshouyezhanlangerenshouyezhanlangeren
Nice先生的狂想曲·2024-09-02 19:24

前端知识HTML&CSS

目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1
啵啵薯条·2024-09-02 17:51

HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。
爱码网页成品·2024-09-02 17:18

HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有
爱码网页成品·2024-09-02 16:18

国密SM4加密算法工具类（对称）

1,2,3,4,5,6,7,8};privatestaticfinalStringCODE_UTF8="UTF-8";privatestaticfinalStringPASSWORD_CRYPT_KEY="CSSssDes
梦昼初PurpleShell·2024-09-02 16:46

Ubuntu上qt使用SSH样式表

上到后面，老师会说：我们如果在HTML文件中编辑太多的样式，就会让代码看起来非常的繁琐，所以我们开始学习了CSS样式，那么在QT中我们也同样会使用。那我们就开始学习吧！
杨～friendship·2024-09-02 14:03

css的盒子模型

一、盒子模型分两种第一种：W3C标准盒子模型（标准盒模型）第二种：IE标准的盒子模型（怪异盒模型）二、标准盒模型与怪异盒模型的区别标准盒模型：width指的是内容区域content的宽度，height指的是内容区域content的高度标准盒模型下盒子的大小=content+padding+border+margin怪异盒模型：width指的是内容、内边距、边框的宽度、height指的是内容、内边距
Super咩咩·2024-09-02 14:33
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他