.css 第61页

Vue面试题

1,如何让CSS只在当前组件中起作用？在组件中的style前面加上scoped2,的作用是什么?keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。

库猿·2024-01-28 23:10

Vue中Css的scoped的原理

当style标签拥有scoped属性的时候，它的css样式只会作用在当前组件也就是说scoped可以使得组件之间的样式互相隔离，互不影响如果一个项目中的左右组件style标签都加上scoped就相当于实现了样式模块化原理

Clover‘s Blog·2024-01-28 23:39

css学习笔记(适合后端开发人员学习的文章)

1、什么是css层叠样式表语言，作用是用来修饰HTML，让HTML更好看。

故我往事·2024-01-28 23:52

vusui css 使用，简单明了适合后端人员已解决

vusui-cssopeninnewwindow免除开发者繁复的手写CSS样式，让WEB前端开发更简单、灵活、便捷！如果喜欢就点个★Staropeninnewwindow吧。

PHP代码·2024-01-28 23:20

web前端开发——进阶css（平面转换）

目录一.平面转换1.位移：使用translate实现元素位移效果2.旋转：平面旋转实现元素旋转效果（角度单位是：deg）3.缩放：使用scale改变元素的尺寸一.平面转换平面转换概念：使用transform属性实现元素的位移、旋转、缩放等效果。1.位移：使用translate实现元素位移效果语法：transform:translate(水平移动距离,垂直移动距离)；取值(正负均可)：像素单位数值；

前端挣扎的鱼·2024-01-28 23:14

【前端】快速掌握CSS-盒子模型

文章目录一、选择器1.结构伪类选择器基本使用:nth-child(公式)2.伪元素选择器二、PxCook三、盒子模型1.盒子模型-组成2.边框线(1)四个方向相同(2)单方向边框线2.内边距3.尺寸计算4.外边距5.版心居中6.清除默认样式7.元素溢出8.外边距问题(1)合并现象(2)外边距塌陷9.行内元素–内外边距问题10.圆角11.盒子阴影（拓展）四、综合案例-产品卡片1.HTML标签2.CS

gravity_w·2024-01-28 23:43

企业公司门户网站团队页面设计（三维旋转轮播图片，html+css静态实现，响应式布局，带源码）

效果代码team.htmlteam_engnavbar.html深圳市淮亚之光科技创新有限公司首页合作案例服务团队联系我们中文/English首页合作案例服务团队联系我们中文/Englishnavbar.css

鸡鸭扣·2024-01-28 22:30

CSS 星空按钮

星空按钮body{background-color:#212121;}.btn{margin-top:300px;display:flex;justify-content:center;align-items:center;width:10rem;overflow:hidden;height:3rem;background-size:300%300%;backdrop-filter:blur(1r

特创数字科技·2024-01-28 22:49

2018-08-27CSS基本语法与选择器

CSS是在html发明之后才有的，是为了让网页样式更加丰富好看。在CSS出现之前，html中某些标签是带样式的。

菩灵·2024-01-28 22:00

css动画--动画加载

动画加载@keyframesbox{from{opacity:1;transform:translateY(0);}to{opacity:0.1;transform:translateY(10px);}}.box{display:flex;justify-content:center;}.box>div{width:1rem;height:1rem;margin:3rem0.2rem;backgr

怪兽别跑biubiubi·2024-01-28 22:08

vue3下富文本编辑器@wangeditor的一些配置

在vue3下使用v5版本获取所有key的方法editorRef.value.getAllMenuKeys()DOMimport'@wangeditor/editor/dist/css/style.css

您的小透明·2024-01-28 22:40

typescript入门练手小demo

刚好最近论文查重过了，时间暂时充裕了起来，就准备练习一下typescript和scss。实现的效果也很简单代码放在了gitee上，仓库地址是ts

微雨即至·2024-01-28 21:33

css字体引入

1.使用@font-face{}@font-face{font-family:myFirstFont;src:url('Sansation_Light.ttf'),url('Sansation_Light.eot');/*IE9*/}2.使用中文字体需要.ttf格式3.使用less定义类.fontFace(@name,@url){@font-face{font-family:'@{name}';s

时子释·2024-01-28 21:04

线CSS实现对比效果

线CSS实现对比效果，CSS对比效果，传统大家都是用图片来实现对比效果，其实这个对比效果用的理上下两个三角形来做出一个斜体对比效果。

diygwcom·2024-01-28 20:23

练习动画最好的方式（SCSS篇）：图片故障效果~

什么是故障效果？它的原意是“短暂的干扰”，在视觉艺术中常被用来指“图像干扰”。这是恐怖片和网络片中最常见的效果之一。什么是RGB置换？色差、RGB偏移、RGB分裂（RGBsplit）等。有各种方法来描述它，但从本质上讲，它意味着光的三原色，即红、绿、蓝，在没有任何错位的情况下应该重叠显示的状态。这是与突变效果一起使用的，在某些情况下，突变一词被用来包括颜色的转变，所以在这种情况下也实施它，会产生更

前端仙人·2024-01-28 20:52

优选6款前端动画特效分享（附在线演示）

优选6款前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的翻页时钟特效基于react实现的一款翻页时钟特效切换时间特效跟比赛切换分数牌相似以下效果图只能体现框架的内容没有具体的动画效果这时你可点击在线预览进行查看在线预览

迂幵·2024-01-28 20:21

精选6款前端动画特效分享（附在线演示）

分享6款好玩的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的CSS日食与太阳碰撞动画一款基于

迂幵·2024-01-28 20:21

css3中的动画特效--跳动的篮球

一.利用css3动画实现一个小球跳动效果CSS3的“过渡”（transition）属性通过设定某种元素在某段时间内的变化实现一些简单的动画效果，让某些效果变得更加具有流线性与平滑性。

好喜欢前端·2024-01-28 20:21

7款值得去尝试的前端动画特效（附效果图及在线演示）

分享7款好玩的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的橙汁粒子特效一款基于canvas

迂幵·2024-01-28 20:50

大一网页设计期末大作业，HTML+CSS静态网站

前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS

web网站建设·2024-01-28 20:20

CSS3动画的属性有哪些？

css3动画：animation特点：不需要事件触发，调用“关键帧”即可。关键帧：计算机动画术语，帧——就是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。

luocaihui·2024-01-28 20:49

前端必学的CSS3波浪效果演示

以下是这三种CSS3波浪效果的使用说明使用translateX和translateZ属性创建波浪效果：使用场景：适用于需要在X轴上平移和在Z轴上应用3D变换的波浪效果。

一花一world·2024-01-28 20:48

分享7款有关前端的动画特效（附静态效果图及在线演示）

分享7款有趣也实用的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的canvas破碎动画特效基于

迂幵·2024-01-28 20:47

css中的animation属性有哪些？有什么作用？

css中的animation属性有哪些？有什么作用？！大家都知道，现在做前端动态特效，离不开animation。下面就罗列了一些属性的作用和意义。帮助大家掌握，如何设计规划自己的动态特效。

yrldjsbk·2024-01-28 20:17

Vue（27）vue-codemirror实现在线代码编译器

端实现在线代码编译的效果，那么需要使用组件vue-codemirror，他是将CodeMirror进行了再次封装支持代码高亮62种主题颜色，例如monokai等等支持json,sql,javascript，css

Silent丿丶黑羽·2024-01-28 20:44

antd使用codemirror编辑器(四)

vue-codemirrornpminstallvue-codemirror--save全局引用，在main.js中添加如下代码：import{codemirror}from'vue-codemirror'import'codemirror/lib/codemirror.css'impo

Xiaoshuang_Cao·2024-01-28 20:13

vue+codemirror 实现SQL编译器并使用及sql-formatter格式化sql语句

（使用的idea主题）//封装好的组件importCodeMirrorfrom'codemirror'import'codemirror/lib/codemirror.css'import'

O3ohn·2024-01-28 20:43

CSS探索浏览器兼容性

学习如何探索浏览器的兼容性对于编写跨浏览器兼容的CSS代码非常重要。

hzttaoh·2024-01-28 20:09

CSS--Emmet 语法

Emmet语法的前身是Zencoding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法.目录1.快速生成HTML结构语法1.1快速生成HTML结构语法2.快速生成CSS样式语法

hzttaoh·2024-01-28 20:24

CSS复合选择器

子选择器4.并集选择器5.伪类选择器5.1链接伪类选择器5.2:focus伪类选择器6.总结7.补充7.1相邻兄弟选择器（也叫加号选择器）7.2通用兄弟选择器（也叫波浪号选择器）1.什么是复合选择器在CSS

hzttaoh·2024-01-28 20:24

CSS定位布局学习

CSS定位布局是指通过CSS的定位属性来控制元素在页面上的位置和布局。

hzttaoh·2024-01-28 20:53

CSS引入方式

1.CSS的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：1.行内样式表（行内式）2.内部样式表（嵌入式）3.外部样式表（链接式）2.内部样式表内部样式表（内嵌样式表

hzttaoh·2024-01-28 20:53

CSS字体属性和文本属性

一.字体属性CSSFonts(字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。1.字体系列CSS使用font-family属性定义文本的字体系列。

hzttaoh·2024-01-28 20:23

CSS基础

了解CSS##作用：在前端开发中，用来修改样式。

linqii·2024-01-28 20:11

css学习网站

flexboxdefense.comflexboxfroggy.comcssgridgarden.comflukeout.github.iomastery.games/flexboxzombies

txtNaiu·2024-01-28 19:00

CSS设置单行文字水平垂直居中的方法

单行文字水平垂直居中div{/*给div设置宽高*/width:400px;height:200px;margin:100pxauto;background-color:red;/*设置行高为盒子的高度*/line-height:200px;/*设置文字水平居中*/text-align:center;}我是要水平垂直居中的文字效果图：

远近高低各不同·2024-01-28 19:37

07-JQuery插件应用

使用JQueryUI提供的基本功能，需要如下文件支持:(1)jquery-ui.css(2)jquery.js(3)jquery-ui.jsjqueryui主题风格:可以通过如下网站地址选择风格或者自定义

D丝学编程·2024-01-28 18:02

better-scroll不生效的原因

1、检查其组成，有无容器和滑块：//一个容器//一个滑块//内容2、css中，滑块高度或者宽度，是否大于容器高度或宽度滑块需要超出容器，才会出现滚动条3、确认是横向滚动还是纵向滚动：横向：需要在参数的设置对象中

九思joyce·2024-01-28 17:25

html和css结合实现手机端网页自适应的代码

本篇文章给大家带来的内容是关于html和css结合实现手机端网页自适应的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

PHP9年架构师·2024-01-28 17:55

web前端项目-动画特效【附源码】

文章目录一：赛车游戏动画`HTML`源码：`JS`源码：`CSS`源码：（1）`normalize.css`（2）`style.css`二：吉普车动画演示`HTML`源码：`CSS`源码：（1）`reset.css

温轻舟·2024-01-28 17:26

VScode cssrem插件使用详细教程

VScodecssrem插件使用详细教程1.下载插件打开扩展，搜索cssrem如图：点击安装image.png2.重新加载下载安装完成重新加载一遍，使插件生效image.png3.设置根字体点击VScode

丘比特爱上猫·2024-01-28 17:15

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets

Free zitao·2024-01-28 16:18

CSS 多色正方形上升

body{background-color:#212121;/*设置背景颜色为#212121*/}.cubes{position:absolute;/*设置绝对定位*/top:50%;/*设置顶部距离为50%*/lef

特创数字科技·2024-01-28 16:48

CSS 双色拼接按钮效果

按钮body{background-color:#212121;/*设置背景颜色*/}.sss{margin-top:300px;/*设置上边距*/text-align:center;/*设置文本居中*/}button{width:150px;/*设置按钮宽度*/height:50px;/*设置按钮高度*/position:relative;/*设置相对定位*/}button::before{co