样式CSS

什么是重排或回流、重绘？如何减少重排？

首先我们需要先了解浏览器渲染机制，浏览器渲染引擎是浏览器的核心组成部分之一，它负者将网页代码(html,CSS，javaScript)转换为可视化的内容。
·2024-03-01 10:05

HTML+CSS+JS：动态滑块组件

效果演示实现了一个简单的滑块效果，其中包括一个滑块（slider）和一个可以拖动的球（ball）。当用户拖动球时，球会在滑块内部左右移动，同时改变颜色。CodeHaveyoubeennaughtyornicethisyear?*{transition:all1sease-in-out;/*对所有元素应用过渡效果，持续1秒，缓动函数为ease-in-out*/}body{margin:0;/*设置页
若冰说·2024-02-29 23:05

CSS常见选择器

CSS（层叠样式表）中包含了多种用于选择和定位HTML文档中元素的选择器，以便为这些元素应用样式。
dami_king·2024-02-29 23:04

Vue3 实现一个简单的方位动画

设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。
·2024-02-29 22:28

微信小程序 --- 常用样式和组件

常用样式和组件1.组件和样式介绍在开Web网站的时候：页面的结构由HTML进行编写，例如：经常会用到div、p、span、img、a等标签页面的样式由CSS进行编写，例如：经常会采用.class、#id
前端 贾公子·2024-02-29 18:29

Vue-Quill-Editor 简单修改字体大小和样式.(不改源码)

实现效果图:vue-cli的富文本Vue-Quill-Editor使用前安装:npminstallquill-image-resize-module--save,npminstallvue-quill-editor--save需要在根目录下的vue.config.js文件里,添加如下chainWebpack:constwebpack=require('webpack')module.exports
十里冰香·2024-02-29 09:18

使用java对接chatgpt（含全部代码）

含全部代码）因为对vscode不熟悉，前段界面我也是在idea里写的，先看一下效果图是这样，比较简陋我直接上代码，关于chatgpt前端的html，对了因为这个是我用之前写的匿名群聊改的，可能有多余的就是样式没去掉
谁人不识我千夜·2024-02-29 06:44

animate.css动画初始状态隐藏

在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站，但初始状态下需要隐藏有动画的元素可以给animated类添加opacity
辣子_·2024-02-29 05:45

前端实现页面水印

important;padding:0;height:auto;}.box{width:100%;height:100vh;overflow:scroll;border:1pxsolidred;}/*滚动条样式
修复bug·2024-02-28 22:36

CSS3新特性和CSS3动画

CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active
·2024-02-28 15:03

Vue项目中，src目录下的vue.app文件介绍

App.vue是一个单文件组件（SingleFileComponent,简称SFC），它允许你将Vue组件的HTML模板、JavaScript代码和CSS样式写在一个单独的.vue文件中。
Komorebi_9999·2024-02-28 12:24

CSS2DRenderer的使用

具体参照https://github.com/mrdoob/three.js/blob/master/examples/css2d_label.html；CSS2DRenderer的使用import{CSS2DObject
qq_39672409·2024-02-28 09:20

Chrome DevTools调试技巧

可以触发元素上的伪类来研究元素在悬停时的效果和样式【2】DevTools-在任何网页上运行预定义的代码片段DevTools中有一个叫做代码段的特性，它允许您可以在网页上运行的测试代码(这比在控制台面板中重新键入
dingFY·2024-02-28 07:32

VSCode设置左侧资源管理器字体大小

1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.css3.搜索.monaco-workbench.part
·2024-02-27 21:20

CSS文本超出显示3个点的方法

在CSS中，如果你想让超出特定长度的文本显示为三个点（...），你可以使用text-overflow属性，配合overflow和white-space属性。
追格·2024-02-27 08:48

关于数据大屏的设计与开发

其实就是等比缩放，但1920放到更高分辨率会出现图片模糊现象、原因就是图片1像素低，可以使用2倍图2、关于开发：大屏使用场景一般是全屏显示，如果在非全屏场景，比例就会与设计稿不同，可以监听全屏和非全屏，使用两套样式进行微调
码云的一天·2024-02-27 03:41

js基础小结（2）

js操作css的属性语法：document.getElementById("id").style.属性="值"属性:就是css中属性css属性有"-"例如:backgroud-color若有"-"只需要将
dev晴天·2024-02-27 01:45

放假第5天

今天全是出去花钱去了，上午在家里呆着，下午睡起来以后，就和嫂子去做指甲了，样式挺多，我也不知道选什么样的，后来还是嫂子推荐了。做出来的感觉还挺好看的，就是价格有点贵。
嗳宁·2024-02-26 18:03

Raft 算法、分布式 KV 面试汇总

从零开始，手写基于raft的分布式KV系统，课程详情可以看这里：https://av6huf2e1k.feishu.cn/docx/JCssdlgF4oRADcxxLqncPpRCn5b在简历上如何写这个项目
·2024-02-26 14:59

uni-app 实现拍照后给照片加水印功能

遇到个需求需要实现，研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里，然后加上水印样式然后再重新生成一张图片代码如下，看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault
前端码农小黄·2024-02-26 10:53

【每日前端面经】2023-02-25

是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS
糠帅傅蓝烧牛肉面·2024-02-26 06:47

java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署

调试部署java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
沪港·2024-02-25 18:30

css基础

1.外部样式表css代码和html代码都单独放在不同的文件中内部样式表:指的就是css和html代码放在同一个文件中css样式放在style标签中定义style标签必须放在head标签内内联样式表:把css
lxylxy001·2024-02-25 17:28

前端数据可视化：ECharts使用

知识扩展less文件  Less是一种CSS预处理器，它扩展了普通的CSS语言，为web
~hello world~·2024-02-25 11:21

web前端安全性——iframe安全问题

**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。
장숙혜·2024-02-25 00:08

文字溢出容器省略号展示处理

文字溢出容器，要打点展示一、单行文本HTMLnjhsahdyihdkandwidywhdnhcujsanxjiuyswfdiuahcfoauyfhceencuiebweifjefnieubyiuyhkhyCSSp
DARKSIIIDE·2024-02-25 00:30

微信小程序开发实战记录

ec-echarts小程序开发1微信小程序打开问卷星2微信小程序wxs使用正则的问题3微信使用echarts层级问题4h5中判断是否在小程序环境中5嵌套h5中实现分享企微、微信和下载功能6vantweapp样式覆盖处
caperxi·2024-02-24 23:06

java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署

java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
游游科技·2024-02-24 17:59

java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试

毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
銮銮科技·2024-02-24 17:29

java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
銮銮科技·2024-02-24 17:58

java毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
雪夜科技·2024-02-24 17:58

css换行

1.white-space:normal;这个只针对中文有效2.word-break:break-all;强制换行，针对中文，数字，英文等都有效；3.word-wrap:break-word;英文单词碰到换行的时候，整个单词换行：
冬天的_太阳·2024-02-24 04:30

uni-app中组件和样式的使用

文章目录概要二.组件和样式1.常见内置组件2.样式导入3.背景图片的导入4.字体图标5.uni-ui外部组件--安装uni-ui--重写组件样式小结概要本文主要介绍uni-app中组件和样式的使用二.组件和样式
CssHero·2024-02-24 01:17

面试前端性能优化八股文十问十答第二期

优化动画可以通过以下几个方面进行：使用CSS动画：利用CSS3提供的transition和animation属性来实现动画效果，因为CSS动画是由浏览器来执行的，通常比JavaScript动画性能更高。
程序员小白条·2024-02-23 21:41

css+动画优化,css3动画性能优化--针对移动端卡顿问题

一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML
影子的覆盖·2024-02-23 18:07

Markdown语法

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、
samlyx·2024-02-23 17:36

一种鼠标划过文字放大的CSS特效 而引发的疑惑

先上效果图，有两种，这种是使用transform来改变大小缩放这种是改变文字大小来缩放，会引起排版变化在使用transform时，能明显感到比使用改变文字大小时更卡顿，并且浏览器的窗口越大，卡顿越明显。当时我心中就很疑惑，单就从我之前学到的浏览器的渲染机制上来说，改变文字大小是会触发回流的，使用transform时不会触发回流，为什么使用transform会更卡呢？另外网页内没有什么其他内容，回流
Hollow_GLs·2024-02-23 17:35

vue.js之视频播放器组件

npminstallvue-video-player-S然后，在src/main.js中importVueVideoPlayerfrom'vue-video-player'import'video.js/dist/video-js.css'Vue.use
一个小前端程序员·2024-02-23 05:33

js+css 锚点菜单

{{item.label}}我是内容1我是内容2我是内容3我是内容4我是内容5exportdefault{name:"",components:{},mixins:[],props:{},computed:{},watch:{},data(){return{//初始化菜单navList:[{label:"菜单1",},{label:"菜单2",},{label:"菜单3",},{label:"菜单
bobringtheboys·2024-02-23 01:47

你是我的荣耀续写—于太太，又上热搜了1

从他们决定结婚到现在的这些天里，她说过无数终婚礼的主题，样式，他虽然总是说听晶晶的，也曾想过，最后一定要给晶晶最盛大的婚礼，她是舞台闪光灯下闪耀的明星，她也是他心
mono默默·2024-02-22 20:28

css居中方法归纳（二）

大话元素居中身为一名前端开发者，居中永远是绕不去的一个问题，如果不能有完整的方式归类，每次百度难免费时，并且显的咱们多low啊，居中都要百度，至少为了咱们滴面子，咱也要把它学好，接下来一起来看看吧水平居中水平居中方案一：父级加text-align子级inline-block.father{width:100%;height:200px;background:#ccc;text-align:cent
不曾忽然七日·2024-02-22 19:48

如何去掉a标签的下划线

下面就让我们来一起了解一下通过css去除a标签下划线的方法。直接在样式中添加如下样式：.smooth{text-decoration:none;}或a{text-decoration:none;}
公众号_一码当先·2024-02-22 19:38

HTML + CSS 高频面试题

盒模型CSS盒模型本质是一个盒子，封装周围的HTML元素，包括margin，border，padding，和content。
王哈哈的学习笔记·2024-02-22 15:34

前端基础：CSS字体属性

目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。
曹莓奶昔·2024-02-22 15:34

CSS所有属性集合

css写法css语法规则：css写在标签里，标签一般在里，标签下面。
晴空_4086·2024-02-22 15:03

css如何让两个div上下排列_深入了解CSS层叠上下层

1.要想理解层叠上下层，首先要先从文档流和盒模型说起文档流在CSS中，文档流是一个很基础也是很重要的一个概念。
weixin_39610956·2024-02-20 23:59

带你熟练掌握 css 基础

Css基础文章目录Css基础一、Css是什么二、基本语法规则2.1css的注释2.2格式规范三、选择器的种类四、基础选择器4.1标签选择器4.2类选择器（常用选择器）4.3id选择器4.4通配符选择器五
鸢也·2024-02-20 23:28

scss配置主题

$themes:(light:(font_color:#fff,),dark:(font_color:#000,),);@mixinthemeify{@each$theme-name,$theme-mapin$themes{//!global把局部变量强升为全局变量$theme-map:$theme-map!global;//判断html的data-theme的属性值#{}是sass的插值表达式/
鸿是江边鸟，曾是心上人·2024-02-20 23:27

带你了解CSS上篇

CSS是什么CSS：层叠样式表(CascadingStyleSheets).CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，并能够做到页面的样式和结构分离，它类似于“东方四大邪术
fly in the sky !·2024-02-20 23:54

快应用-richtext，修改样式

定义一个变量htmlStyle，里面写上自己需要的样式就好了注意：这个里面的字体大小跟快应用不一样例如：快应用26px=这里需要写上13px
poguanba·2024-02-20 22:34
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他