px

49 个在工作中常用且容易遗忘的 CSS 样式清单整理

图片来源：Web前端开发1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space
李仁平·2024-02-06 07:26

植物百科: 蓝花鼠尾草

图片发自App蓝花鼠尾草介绍:别名:(花卉植物)粉萼鼠尾草、一串蓝、蓝丝线拉丁学名：Salviafarinacea植物科属：唇形科、鼠尾草属图片发自App形态特征：多年生草本，高度30-1500px，植株呈丛生状
动植物百科·2024-02-06 07:38

背景定位的三个方法——《css揭秘》

wrapper{background:url(paypal.png)no-repeat#58a;background-position:right20pxbottom10px;width:1000px;
参商_70a0·2024-02-06 07:00

微信小程序（三十四）搜索框-带历史记录

注释很详细，直接上代码新增内容：1.搜索框基本模板2.历史记录基本模板3.细节处理源码：index.wxml搜索历史搜索x{{item}}index.wxssinput{padding:14rpx20rpx10rpx
代码对我眨眼睛·2024-02-06 06:31

elementui-Tabs 标签页固定高度&内容超出高度可滚动

2、效果也许你会觉得这并不符合你的需求，需要的是把内容的高度设置为100%同时有滚动效果3、实现方法给内容设置滚动样式即可.el-tabs__content{height:calc(100vh-110px
清风拂山感·2024-02-06 06:07

C语言代码 写代码将三个整数按从大到小输出

代码示例：#includevoidSwap(int*px,int*py){intz=*px;*px=*py;*py=z;}intmain(){inta=0;intb=0;intc=0;scanf("%d
Echo_cy_·2024-02-06 06:47

Android T 蓝牙传输文件流程（一）

首先我们知道蓝牙传输文件属于OPP，代码位置：http://aospxref.com/android-13.0.0_r3/xref/packages/modules/Bluetooth/android/
奶一口仙气·2024-02-06 06:43

3D立方体图册

:center;justify-content:center;min-height:100vh;background:#f5f5f5;}.box{position:relative;width:240px
 勿忘初心·2024-02-06 05:57

文字 font-size中 px, pt , em

1.单位换算pt=px×3/4em=px×1616px=1em=12pt
方_糖·2024-02-06 05:25

css核心属性

font-family可以设置多个字体，多个字体之间用逗号分隔中文字体要加双引号，英文字体由多个单词组成也要加双引号特殊字体一律用图片2.字体大小语法：font-size:数值+单位;eg:h1{font-size:32px
jiaiqi·2024-02-06 04:17

tab切换

任务描述：鼠标点击不同商品类别标题时切换不同页面html代码：家电热门电视影音电脑家居css代码：*{margin:0;padding:0;}.tab{width:600px;height:350px;
小麦79·2024-02-06 04:04

关于img标签缩小后模糊的解决方案

image-rendering:pixelated;//像素化，出现锯齿状，pass2.image-rendering:crisp-edges;//无效3.只设置width//无效，还是会模糊最终解决方案：width:100px
只喜欢赚钱的棉花没有糖·2024-02-06 04:33

2021-08-21 今日练习

Document#box{border:5pxsolid#999;width:600px;margin:0auto;height:350px;overflow:hidden;}ul,ol{list-style
小胖子_d7d8·2024-02-06 03:13

css实现分割线功能,各种各样的分割线(附效果图)

        两头虚的分隔线        斜纹分隔线        波浪线        阴影线        END  .type{text-align:center;margin-top:40px
xvzhengyang·2024-02-06 02:59

events.js:377 throw er； // Unhandled ‘error‘ event解决流程分享

bug:在项目根目录下执行npxhttp-server文件名-p[端口号（默认8080）]的命令行的时候报错：events.js:377thrower;//Unhandled'error'event^Error
Danica.G :)·2024-02-06 02:42

JavaScript - 基于拖放（Drag and Drop） API 拖动一个元素

div{position:fixed;top:10px;left:10px;width:200px;padding:5px;border:1pxsolidrgba(34,34,34,0.
好好活着，不要熬夜·2024-02-06 02:10

proteus设计教程-数码管使用方法

如下图，名称中7SEG表示7段数码管，MPXx代表数码管位数，CA表示共阳极，CC表示共阴极。如下图为6位一体数码管，左侧下方abcdefDP为数码管段选端，右边为公共端。
zd845101500·2024-02-06 01:29

Css文字闪烁的效果

keyframesflicker{50%{color:white;filter:saturate(200%)hue-rotate(20deg);}}p{display:block;font-size:70px
七月_Mo·2024-02-06 00:00

Sketch学习之iPhone设计规范

苹果官方设计资源页面设备型号屏幕尺寸AssetptpxiPhoneSE、5、5s、5c4.0@2x320x568640x1136iPhone8、7、6s、64.7@2x375x667750x1334iPhone8P
LuckyBugGo·2024-02-06 00:51

前端简单的实现鼠标悬浮展示其他数据

after{content:attr(data-title);/*获取自定义属性值作为内容*/display:none;/*默认不显示*/position:absolute;/*设置绝对定位*/top:-35px
南乔几经秋_·2024-02-06 00:36

visual stuido.net 2005 下asp.net2.0网站简单发布

具体就看前面写的BLOGhttp://blog.csdn.net/hzleihuan/archive/2006/12/13/1441331.aspx了。
hzleihuan·2024-02-05 23:40

re:从0开始的HTML学习之路 12. 表格

默认加粗且居中2.表格的属性border：设置表格的边框align：设置表格相对于周围元素的对齐方式width、height：设置表格的宽度和高度cellpadding：设置表格边缘与内容之间的空白，默认1pxcellspacing
扶摇|·2024-02-05 23:54

英雄联盟季中赛：两支队伍晋级，给明天的队伍打好样了！

英雄联盟季中赛：TES和FPX击败韩国队，双双晋级半决赛，LPL不愧是第一赛区，打出了我们的风格，赛出了中国队伍的水平！今天的六场比赛质量都非常高，贡献了很多精彩的高光时刻，让观众看得很过瘾！
哲知之·2024-02-05 22:12

thinkadmin的form.html表单例子

textarea{width:100%;height:200px;padding:10px;border:1pxsolid#ccc
hanzhuhuaa·2024-02-05 21:33

GEE的UI设计

varlabel=ui.Label({value:"这是一个标签",style:{fontSize:"18px"}})//标签varbtn=ui.Button("确定")//按钮btn.onClick(
RS GIS遥感 地信学习·2024-02-05 21:30

hurst代码 python_Hurst指数与R/S（python代码）

--coding:utf-8--"""CreatedonMonOct3121:39:302016@author:Administrator"""importnumpyasnpx=datadata2=[]
weixin_39769187·2024-02-05 21:00

Css - 长度单位px、pt、em、rem

（设置font-size时特殊）div{font-size:30px;}.p1{font-size:20px;text-indent:1em;}.p2{font-size:20px;text-indent
ElricTang·2024-02-05 21:08

忘掉某些明星，今日的头条只能为他

图片发自App图片发自App图片发自App图片发自App(https://mp.weixin.qq.com/s/2RXoOORG2PXIgTf_p7qRbw)
守海入梦·2024-02-05 20:45

苦尽甘来？TES击败EDG迎来“北伐”4连胜，季后赛稳了

在固定了wayward+tian+knight+JackeyLove+mark的阵容组合之后，先后击败TT、JDG、FPX、EDG迎来一波4连胜。
游戏酱park·2024-02-05 20:19

vue3.0移动端将px转换为rem

第一种方法：我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部，记得要加移动端头部的meta标签第二种方法：就是将rem的js放在public文件夹下创建一个，在main.js中引入，也可以使用第三种方法：参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123·2024-02-05 20:42

css伪类中content使用变量

.sc-cardTitle::after{content:attr(data-attr);width:100px;position:absolute;top:13px;left:10px;color:#3f3f3f
Time202051·2024-02-05 19:01

vue从上到下淡入淡出过渡动画

开始*///dialogFade是容器的类名//过度内容.dialogFade-enter,.dialogFade-leave-to{opacity:0;transform:translateY(-30px
Time202051·2024-02-05 19:31

解决input自动填充样式问题

解决input自动填充样式问题：input:-webkit-autofill{/box-shadow:000px1000px#C7C6C6inset!
Vtom·2024-02-05 19:52

openEuler社区2023年度满意度调研

链接：https://huaweicompute.wjx.cn/vm/Pmh3Lpu.aspx?udsid=294767扫描下图中的二维码或点击文末阅读原文即可填写问卷。
openEuler社区·2024-02-05 18:57

css样式权重计算规则,CSS 选择器权重计算规则详解

2、内联h1{font-size:20px;color:#123;}3、外部二、选择器类型ID#idclass.class标签p通用*属性[type="text"]伪类：hover伪元素::first-line
Darren zzz·2024-02-05 18:37

css 居中布局的几种常用方式

浏览器兼容性比较好缺点：text-align属性具有继承性，导致子级元素的文本也是居中显示的,解决方案在子级元素中增加text-align:lfet;子级元素.parent{width:100%;height:300px
cesiuming·2024-02-05 18:01

HTML代码春节烟花

代码运行效果代码新春快乐html,body{margin:0px;width:100%;height:100%;overflow:hidden;background:#000;}CommandsInfoSharefunctioninitVars
不会写代码的小彭·2024-02-05 17:43

HTML中怎么使文字各种居中对齐？（代码示例）

web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）html文字居中代码具体示例如下：html文字居中测试body{background:#ddd;}div{width:300px;height
PHP9年架构师·2024-02-05 16:24

em/px/rem/vh/vw的区别

文章目录一、介绍二、单位pxemremvh、vw三、总结一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界
花言儿·2024-02-05 15:02

跟着pink老师前端入门教程-day17

，连续自动播放等效果2.1动画的基本使用制作动画分为两步1.先定义动画2.再使用（调用）动画1.1用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{width:100px
axiu呀·2024-02-05 15:13

input框中添加一个 X（关闭/清空按钮）

CSS：.input-container{position:relative;}.close-btn{position:absolute;right:5px;top:50%;tr
MartinYangHJ·2024-02-05 14:11

vue点击tab列表滚动对应位置，滚动列表也可切换tab

tabs[2].title}}新水泥厂剧场版exportdefault{data(){return{reload:true,tabIndex:'0',contentStyleObj:{height:'100px
CMaggie·2024-02-05 13:26

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:
贵贵贵子·2024-02-05 12:47

深度学习-随机梯度下降

%matplotlibinlineimportmathfrommxnetimportnp,npxfromd2limportmxnetasd2lnpx.set_np()随机梯度更新在深度学习中，目标函数通常是训练数据集中每个样本的损失函数的平均
白云如幻·2024-02-05 12:10

php 微信小程序 循环 多选,微信小程序checkbox全选多选效果实现代码

对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图：wxml代码：全选汪小涵管理员总监wxss代码：.memberList{background:#fff;padding:035rpx028rpx
忘黎·2024-02-05 11:11

CSS 黑白相间按钮切换效果

Buttonbody{background-color:#212121;/*设置背景颜色*/}.const{width:270px;margin-top:280px;margin-left:30%;}.
特创数字科技·2024-02-05 11:07

vue修改Element中走马灯（el-carousel）的指示灯的位置

indicators{//指示灯位置left:unset;transform:unset;right:2%;}/deep/.el-carousel__button{//默认按钮的颜色大小等width:36px
_仰望星空的你·2024-02-05 11:42

vue+elementui Carousel 走马灯 以四宫格的布局方式一次轮播4张图片

效果vue0"style="right:10%;top:10%;color:#000;position:absolute;z-index:100;height:25px;background-color
一直游到海水变蓝丿·2024-02-05 11:42

el-carousel 指示器改成小圆点

/deep/.el-carousel__indicator--horizontal.el-carousel__button{width:14px;height:14px;background:#bfbfbf
前端sweetGirl·2024-02-05 11:11

vue3项目之el-carousel 轮播图的使用

https://element-plus.gitee.io/zh-CN/component/carousel.html在这里定义一个卡片式的轮播图0"class="imgs-wall"height="350px"trigger
cocoonne·2024-02-05 11:41
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他