CSS那些事第22页

一米白杨-----高中那些事（2）

念念不忘，必有回响（关于梦想）一米白杨：放不下的爱好就是梦想一路走来，不知道你有没有像一米白杨一样放弃过自己最初的梦想？初中的时候一直喜欢写文章，每次胡编乱造的故事总被老师在课堂上分享逗得全班哈哈大笑。由于满足于同他人分享自己脑海里的故事，本打算励志成为像简·奥斯汀那样的大作家，可是由于种种自以为的不可抗力进入高中就放弃了写作的心思，全身心的放在全家人以为有出路的理科学习上，导致写作这个爱好像微风

一米白杨·2024-02-20 00:21

一、vue3+ts项目框架搭建——规范

eslintrc.cjs配置文件1.3运行脚本二、配置prettier:格式化工具2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint:格式化css

小曲曲·2024-02-20 00:34

D043+1组宁静致远+《这些人那些事》读书笔记

一百天的读书营活动，这周是第七本书《这些人那些事》。作者吴念真，台湾导演，在国内有大量文艺读者是他的粉丝，被公认为“全台湾最会说故事的人”。

宁静致远_dcc6·2024-02-20 00:43

用VS Code代替source insight的配置

安装插件CSSPeak:代码跳转工具C/C++:代码浏览Beautify:代码格式化SublimeBabel:代码高亮快捷键使用Ctrl+F：当前文件内搜索Ctrl+P：搜索文件Ctrl+Shift+F

guomq0402·2024-02-20 00:48

html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】

css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性

搬代码·2024-02-20 00:47

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods

前端老邹_伯通·2024-02-20 00:57

html+css+js炫酷特效+加速粒子效果

让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1

门前大桥下.·2024-02-19 23:38

【amis低代码前端框架】vue2集成百度低代码前端框架amis

命令行内执行以下命令下载安装amisnpmiamis第二步：下载完毕amis后将node_modules中的amis包复制到public内第三步：在public/index.html内引入amis包ps：cxd.css

G佳伟·2024-02-19 23:32

使用纯 CSS 实现元素高度的过渡（不采用 max-height）

1.前言不知大家是否接触过元素高度的过渡，之前呢我是使用CSS加JS的方式来解决的，就是通过JS计算一下要过渡的元素的高度，然后自己给它加上height为某一数值。不知大家是如何解决的？

知半愚无·2024-02-19 23:58

CSS篇--transform

CSS篇–transform使用transform属性实现元素的位移、旋转、缩放等效果位移//语法transform:translate(水平移动距离，垂直移动距离)translate()如果只给一个值

婷宝_知萌·2024-02-19 23:28

re:从0开始的CSS之旅 16. 高度塌陷问题

1.高度塌陷问题高度塌陷问题：在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。但是当子元素设置浮动后，我们发现子元素在页面中的位置没变，但是父元素的高度却塌陷了（没有被子元素撑开）父元素在文档流中一旦发生高度塌陷的问题，将影响整个页面的布局。因此，高度塌陷的问题我们必须解决！高度塌陷问题的解决办法：可以根据子元素的高度设置父元素的高度，使页面看起来不塌陷但是我们有事无法确定

扶摇|·2024-02-19 23:25

CSS之重绘与回流

重绘（Repaint）当页面中元素样式的改变并不影响它在文档流中的位置时（例如改变颜色、阴影等），浏览器会进行重绘，即重新绘制元素的外观。回流（Reflow）当元素的大小、位置、隐藏等改变时，浏览器需要重新计算元素的几何信息，并重新渲染页面，这个过程称为回流。会影响当前元素、祖先元素和后代元素。性能影响回流比重绘的代价要高。回流的过程比重绘复杂，因为它涉及到更多的计算。回流必将引发重绘，而重绘不一

大超-无痕·2024-02-19 23:25

re:从0开始的CSS之旅 15. 浮动

1.浮动浮动：使元素浮起来，脱离文档流，从而使盒子能够灵活的移动。浮动的属性：float属性设置元素的浮动可选值：none元素不浮动，默认在文档流中排列（默认值）left元素向左移动right元素向右移动浮动的特点：浮动元素会脱离文档流脱离文档流的控制，从而使盒子更灵活的移动浮动元素不会保留原来的位置浮动元素将具有行内块元素的特点无论是块元素还是行内元素，都可以设置浮动，浮动后将具有行内块元素的特

扶摇|·2024-02-19 23:24

CSS 四个不同大小和颜色的圆环加载动画

<circleclass="pl__ringpl__ring--b"cx="120"cy="120"r="35"fill="none"stroke="#

特创数字科技·2024-02-19 23:28

CSS图片背景样式

前言上次我们介绍的CSS的背景样式，但是图片背景样式我们没有过多阐述，那么CSS的图片背景样式还有哪些值得一看的地方呢，一起看看叭~在学习过程中总觉得基础巩固不好，那有可能就是理论没有得到很好的实践，亲自将代码实现出来才能更容易掌握所学

沃和莱特·2024-02-19 22:48

css设置背景图

因此，今天我们将与你分享3种CSS实现背景图图片全屏铺满自适应的方式，希望对你有所帮助。01margin:0px;background:url(ima

踏雪寻鹭·2024-02-19 22:48

css设置背景模糊

要是直接在要设置模糊背景色的div里使用filter就会造成文字和里面的图片都会被模糊化.bgc{height:300px;position:relative;background:#8c8c45;filter:blur(15px);}这里需要在需要设置背景的div的伪类里来设置filter这样就不会文字也模糊化了.bgc{height:300px;position:relative;&:befo

riyue666·2024-02-19 22:47

css2的三大特性

css的三大特性一.层叠性概念二.继承性行高的继承三.优先级概念a标签默认蓝色优先级注意事项一.层叠性概念二.继承性行高的继承可用倍数表示三.优先级概念a标签默认蓝色优先级注意事项例子

ldd_eb·2024-02-19 22:46

django admin页面美化

美化DjangoAdmin页面可以通过多种方式实现，从简单的CSS样式调整到完全自定义模板。

攻城狮的梦·2024-02-19 22:43

css2背景

css2背景一.背景颜色二.背景图片三.背景平铺四.背景图片位置五.背景图像固定六.复合型写法七.背景颜色半透明八.总结一.背景颜色默认是transparent(透明）二.背景图片默认是none三.背景平铺默认是

ldd_eb·2024-02-19 22:42

re:从0开始的CSS之旅 17. 定位

1.定位定位：将盒子指定到页面中的任意位置。position属性可以开启元素的定位可选值：static没有开启定位（默认值）relative开启元素相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘性定位开启定位后，通过toprightbottomleft四个属性设置元素的位置2.相对定位相对于元素原来的位置进行定位相对定位元素会提升一个层级相对定位元素

扶摇|·2024-02-19 22:28

CSS之Flex布局

Flex布局01-标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。02-浮动(了解即可)基本使用作用：让块元素水平排列。属性名：float属性值left：左对齐right：右对齐浮动.left,.right{/*width:200px;*/height:200px;background-color:pink;}.left{/*左浮动*/fl

白小筠·2024-02-19 22:24

说说断舍离的那些事

自从开始断舍离，可谓是停不下来，因为尝到甜头，从一开始的扔直接看上去就是垃圾的垃圾，再到每次扔物品时，看到自己的信念时的喜悦。有种终于找到你的豁然，很好的辅助向内学习内观自己。成长也迅速，家里更是空间在变大，空气里开始透着敞亮。听到老公说家里变整齐干净了的反馈时更是欣慰。当然也有遇到自己的一些执念时的难受，看到自己过去的经历，购买回来的物品背后的那些种种故事，对自己说出跟过去说拜拜，舍去也是对过往

高嘉影逆袭之路·2024-02-19 22:59

【读书小记】《鲜衣怒马少年时》：唐宋名家的那些事儿

怀着对唐宋诗人的种种崇敬，之前我翻开了这本书，放在读书碗里，一直没有动它，最近有不少闲暇时间，又恰巧找不到写作的灵感，无意中翻看，颇有趣味。这本书主要讲述了一些唐宋八大家话，唐初四节等一些有名的诗人的奇闻异事，用白话的形式交代了很多时代背景和诗人的生平介绍，其中不乏波澜壮阔的诗词鉴赏，读来十分享受。

雪高老师·2024-02-19 21:37

日更教会我的那些事儿

今天是初来开始日更的第二十天，来个阶段性打卡，也给自己加个油，希望好习惯保持下去。来的目的很单纯:欣赏简友的美文，写写自己的感触，于不断练习中提高文字功底。也是抱着这个目的开始日更。毕竟不是专业于文字创作的，写着写着就会产生惰性，会为自己的歇笔寻找各种理由借口。日更就不一样了，一旦决定开始，就是一项挑战。而大多数人是希望接受挑战的，觉得自己也是这类人，接受了挑战便会竭尽所能去达成。既然是挑战，就不

Y芊F絮·2024-02-19 21:57

Nextjs styled-jsx animation

Nextjs自带的styled-jsx（v3.2.1）可能是不支持css3动画中@keyframes，多次尝试失败，现在采用把@keyframes写入css文件中，通过页面入口引入，（注意，在组件内部使用

aibinMr·2024-02-19 21:19

svg图片构造QGraphicsSvgItem对象耗时很长的问题解决

目录1.问题的提出2.问题解决1.问题的提出今天通过一张像素为141*214，大小为426KB的svg格式的图片构造QGraphicsSvgItem对象，再通过Qt的GraphicsViewFramework

荆楚闲人·2024-02-19 21:05

关于网课那些事

开学依旧遥遥无期，将近三个月的网课，似乎慢慢习惯了网课中层不出穷的各种问题，快来看看有没有你遇到的情况吧。1、第一次上网课的教员，一脸懵逼：哎你们能看到我吗？有声音吗？我怎么看不到你们？你们在不在？有没有人在？2、教员下课忘记关闭直播，叮铃咣当的锅碗瓢盆的声音：教员你在做饭吗？教员做什么好吃的呢？教员你直播忘记关啦！3、上课半小时后：人呢？人都去哪儿了？怎么才这么几个人？我点名了啊！4、课程中：教

旧巷子迷猫·2024-02-19 21:59

【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss和css区别wxss支持小程序特有的选择器和样式属性scroll-into-viewcover-view等wxss引入了rpx单位，可以根据屏幕宽度进行自适应，使得开发者可以更方便的处理不同尺寸屏幕的适配问题

我有一棵树·2024-02-19 21:18

html-css-js prettify 设置缩进,sublime格式化插件---HTML-CSS-JS Prettify美化代码(示例代码)...

1.HTML-CSS-JSPrettifyHTML-CSSS-JSPrettify插件使用js-beautify来格式化js、html与css代码。

阿热妮·2024-02-19 21:46

vs-code插件 -- Preview on Web Server 插件使用及设置默认浏览器

使用此功能，您可以轻松地检查HTML、CSS和JavaScript的操作。在浏览器上启动（ctrl+shift+l）：在

崽崽的谷雨·2024-02-19 21:46

CSS学习15：盒子阴影

文章目录1、box-shadow属性1、box-shadow属性通过box-shadow属性设置盒子阴影。box-shadow有四个值:第一个值是水平偏移量（水平阴影）：即向右的距离，阴影被从原始的框中偏移(如果值为负的话则为左)。第二个值是垂直偏移量（垂直阴影）：即阴影从原始盒子中向下偏移的距离(或向上，如果值为负)。第三个值是模糊半径（影子大小）：即在阴影中应用的模糊度。第四个值是阴影的基本颜

远近2021·2024-02-19 21:46

JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库

数据库JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

瑞致网络·2024-02-19 21:15

CSS —— 盒子阴影（box-shadow）

未加阴影效果如下：1、外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏

ZhaoYLi·2024-02-19 21:14

java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署

部署java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

法姆利·2024-02-19 21:44

java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署

java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

法姆利·2024-02-19 21:14

如何使用TailwindCSS和JavaScript构建自定义的HTML5视频播放器

HTML5自带了一个原生视频播放器。它在浏览器中配备了简单的用户界面、功能和一些基本的控件。尽管通过浏览器的默认视频播放器的功能完美运行，但用户界面并不那么美观和时尚，总体上并不令人满意。因此，大多数现代Web应用程序和平台，如Udemy、Netflix、YouTube和AmazonPrime，不会将默认内置的HTML5视频播放器提供给他们的用户。相反，他们会构建自己定制的版本，具有时尚的用户界面

晓风晓浪·2024-02-19 21:43

vscode+JS-CSS-HTML Formatter 坑了thinkphp5

遇到一个垃圾问题，因为用的是vscode同时安装了JS-CSS-HTMLFormatter插件来格式化html、css、js。基本没去管过配置，用的就是默认的。

smartcoach·2024-02-19 21:12

CSS设置盒子阴影

外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏移10px、向下偏

宝子向前冲·2024-02-19 21:08

VS-Code-HTML-CSS-JS配置

自动闭合HTML标签AutoRenameTag自动完成两侧标签同步修改HTMLSnippetsHTML代码提示补全openinbrowser右键打开浏览器运行文件LiveServer实时刷新的内置浏览器CSS

LoveEmiliaForever·2024-02-19 21:38

前端开发，Vue的双向数据绑定的原理

前端开发涉及使用HTML、CSS和JavaScript等技术来构建用户界面和交互功能。

杨荧·2024-02-19 21:37

十四、路由鉴权——进度条

项目当中路由能不能被访问的权限importrouterfrom'@/router'importnprogressfrom'nprogress'//引入进度条样式import'nprogress/nprogress.css

小曲曲·2024-02-19 21:07

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文档学习笔记

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那些事