推荐 综合 人气 评论 点赞
vue3.0 动态css变量的使用
setup中定义变量以及在style中的使用(有单位的需要calc 计算)setup() {const rotate = refnumber(0);const color: string = "red";const changeStatus = (): void = {rotate.value = -90;};return {rotate,color,};},style.test { color: v-bind(color); tran

0评论2023-03-08539

CSS中animate属性 css animal
我记得，在工作中直接使用animation，只要能做出动画就完了，根本没有看每一个细节。其实，这样做对于我们来说，的确没有错，因为工作中没有时间给你看每一个细节，大致看一篇就没下文了。当我们想要好好理清头绪时，我才会想起以前见过的每一个知识点，然而

0评论2023-03-08621

CSS字体无法设置成功的问题 css设置字体不起作用
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。方案一： 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。方案二： 在 CSS 直接使用 Unicode 编

0评论2023-03-08456

button按钮波纹,箭头特效css button按钮怎么用
波纹特效:!DOCTYPE htmlhtmlheadmeta charset="utf-8" title按钮动画 - 波纹效果/title style.button {position: relative;background-color: #4CAF50;border: none;font-size: 28px;color: #FFFFFF;padding: 20px;width: 200px;text-align: center;-webkit-t

0评论2023-03-08337

js获取、修改CSS样式 用js修改css样式
CSS样式分为三种，行内样式、内部样式、外部样式。一、element.style.stylename　　创建、获取、修改       行内样式  console.log(document.getElementById("testcss0").style.backgroundColor);//""document.getElementById("testcss0").style.backgrou

0评论2023-03-08792

CSS中ul li居中的问题
一直以为对ul li居中对齐已经掌握了。但最近做项目时发现之前li的float:left方法显然有一个问题，就是无法居中（水平），只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。 使用这种方法主要是利用li的浮动

0评论2023-03-08436

闲聊CSS之关于clearfix--清除浮动 css中清除浮动的目的有哪些
　　一，什么是.clearfix　　你只要到Google或者Baidu随便一搜"css清除浮动"，就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。　　.clearfix:after {　　content: " ";　　display: block;　　clear: both;　　height: 0;　　}　　.clearfix

0评论2023-03-08477

CSS样式表引用方式 css样式引用方式不包括哪种类型
1、外部文件引用方式；(推荐使用)2、使用@import引用外部CSS文件;3、内部文档头方式也叫内嵌法调用；4、直接插入式也叫行内样式。它们主要的差别在于它们规定的风格使用的范围不同：　　一、外部文件引用方式　　外部文件引用方式即将CSS写成一个文件，在HTML

0评论2023-03-08393

css中a标签内容超出最大字数隐藏处理 css设置a标签禁用
css中a标签内容超出最大字数隐藏处理问题：a标签内容超出最大字数显示问题1.超出是最后显示为“...”2.鼠标放在上面显示完整内容3.点击新窗口打开链接内容解决方法：css部分：.list{font:Georgia, "Times New Roman", Times, serif;font-size:14px;width:200p

0评论2023-03-08301

移动端1px线适配问题-------适配各种编译CSS工具 stylus sass styled-componet实现方法
其实在stylus与sass中实现移动端1像素线各个手机设备的适配问题的原理是一样的， 首先我还是先介绍一下原理和所依赖的方法 原理：其实他们都是通过css3的媒体查询来实现的 步骤思路：1、给目标元素进行相对定位 2、给目标元素添加伪元素 ::after/before 

0评论2023-03-08351

纯css 制作简单的爱心
网页中我们用到爱心❤的地方不少，如看到一篇喜欢的文章给他点个赞，表白你喜欢的女孩，给他比个小心心什么的。今天用纯css写一个简单的爱心。简单思路如下：1.先做一个盒子，里面包含两个小盒子2.两个小盒子弄成一样大小的长方形3.通过border-radius、transf

0评论2023-03-08880

css3新增特性 css 3新增特性
 1、CSS3选择器2、CSS3边框(Borders)3、CSS3背景4、CSS3渐变5、CSS3文本效果6、CSS3字体7、CSS3转换和变形1）2D转换方法2）3D转换属性8、CSS3过度9、CSS3动画10、CSS3多列11、CSS3盒模型12、CSS3伸缩布局盒模型(弹性盒子)13、CSS3多媒体查询

0评论2023-03-08488

css 垂直水平居中
原文地址：https://www.cnblogs.com/cme-kai/p/6192544.html一、固定宽高1、父元素固定宽高+定位 + margin:auto（缺点：不支持IE7及以下的浏览器）html代码：divimg src="https://file.lexue001.com/www/202303/08/josoajx4szk.jpg" alt=""/divcss代码:div{wi

0评论2023-03-08787

IE兼容问题，各类css hack代码（亲测有效）
现在大部分企业对浏览器兼容要求是IE7+或者IE8+，要求IE6的很少，此处一并写出。IE6：_margin-top: 20px;IE6+IE7：*margin-top: 20px;+margin-top: 20px;IE6+：margin-top: 20px\9;IE8+：margin-top: 20px\0;IE9:/*:root在谷歌浏览器中也能被识别，所以需要加

0评论2023-03-08847

css 设置奇数行偶数行样式
.list ul li:nth-child(even){ ...}    //li的偶数行样式.list ul li:nth-child(odd){ ...}    //li的奇数行样式 .list ul li:nth-child(1){ top:0;}       //第一个li.list ul li:nth-child(2){ top:30px;}    //第二个li 部分情况下的解决方案

0评论2023-03-08635

CSS中的text-overflow:clip|ellipsis的使用
如果想让某个容器（div或者li或者...块级元素）显示一行文字，当文字内容过多时，不换行，而是出现...,可以使用text-overflow:clip|ellipsis基本语法：text-overflow : clip | ellipsis若为text-overflow:clip  取默认值，不显示省略标记(...)，而是简单的裁

0评论2023-03-08842

css强制换行 css英文强制换行
一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器

0评论2023-03-08668

« 上一页 3/107 下一页 »