优先级css
01 CSS的简单介绍
![](https://img2023.cnblogs.com/blog/3071897/202309/3071897-20230917215959909-2124956998.png) ![](https://img2023.cnblogs.com/blog/3071897/202309/3071... ......
css让某个view/div 定在某一个位置不动
position: absolute 可以定位在某个位置,但是会跟着滚动条的位置而改变。 postion: fixed 可以定位在某个位置,并且也不会跟着滚动条的位置而改变。 postion:fixed left:0px; bottom:0px; 会定位在底部左边位置。比如返回顶部/返回等。 ......
HTML+CSS学习笔记
HTML骨架:(VS Code 可以快速生成骨架:在 HTML 文件(.html)中,!(英文)配合 Enter / Tab 键) html:整个网页 head:网页头部,用来存放给浏览器看的信息,例如 CSS title:网页标题 body:网页主体,用来存放给用户看的信息,例如图片、文字 常用标 ......
CSS重置样式
CSS重置样式,指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式,比如在某些浏览器里,<h1>标签的默认字体大小可能是32px,而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时,你将能够确保你的网页在所有浏览器中看起来更加一致。 下面是一个常见的CSS重 ......
css 中 color 和 background-color 怎么区分
在CSS中,color和background-color代表了两种不同的样式属性: color:此属性用于设置元素的前景色,即元素内文本的颜色。例如: p { color: red; } 这将使所有<p>标签(段落)内的文本颜色变为红色。 background-color:此属性用于设置元素的背景色 ......
一文带你弄懂 CSS 布局知识
大家好,我是树哥。 最近想着学习点前端知识,于是就学习了关于 Web 前端的布局知识,其实就是 CSS 那些事。关于 CSS 其实很早就接触过了,但一直没有沉下心来去学习,所以对于 CSS 布局的东西一直都不成体系。这次趁着重学前端,真正花时间学了一下 CSS 布局的知识点,顺带把知识点总结一下。 ......
css-面试题
1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b ......
3.11 Java运算符优先级
所有的数学运算都认为是从左向右运算的,Java 语言中大部分运算符也是从左向右结合的,只有单目运算符、赋值运算符和三目运算符例外,其中,单目运算符、赋值运算符和三目运算符是从右向左结合的,也就是从右向左运算。乘法和加法是两个可结合的运算,也就是说,这两个运算符左右两边的操作数可以互换位置而不会影响结 ......
css做个芒果,哈哈
前几天写border-radius的时候,突然想到了写个芒果 color: #0000; width: 120px; height: 120px; background: #333; /* overflow: hidden; */ border-radius: 50% 340% 127% 256%; ......
界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML & CSS模板
DevExpress WinForms拥有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任! DevExpr ......
分享一个自定义颜色的侧边栏CSS
很简单! 将以下代码放入站点的 css 即可生效,css 中的颜色可自定义修改 RGB/HEX 的颜色值~ /** 彩色滚动条样式开始 */ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { b ......
html css dotted border 边框虚线太密
三角形 /** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129 ......
CSS的引入方式
CSS包括选择器和一条多多态声明(样式)CSS引入方式包括内联样式、内部样式和外部样式 1.内联样式:在标签中以属性方式添加style,在属性中用;隔开各个样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
nuxt 去掉第三方css SEO优化
build: { transpile: [/^element-ui/], extractCSS: { allChunks: true }, vendor: ['element-ui'] }, ......
优先级退金额 小算法
优先级退金额 小算法 背景 :用户需要 退钱 按照对应的规则优先级 退,例如 用户最大要退 50 ,这个时候 让优先级 现金 福利卡 礼包 这几个优先退 其他次之。例如 用户 混合支付 用了 20 现金 20 福利卡 20 礼包,这个时候要退 50,应该是 依次 退 现金 20 福利卡 20 礼包 ......
直播app开发,CSS3动画实现左右无缝滚动图
直播app开发,CSS3动画实现左右无缝滚动图 <view class="shortList_con"><view class="scrollCon" :style="'width:' + (shortRouteList.length)*210 + 'rpx'"><view class="short ......
纯css实现边框环绕的效果
最近做项目遇到一个需求,需要给卡片添加一个边框环绕的效果,当鼠标移入卡片时,出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候,我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果: 代码如下,希望大家能受到些许的 ......
How to fix Tailwind CSS colors not work in Next.js All In One
How to fix Tailwind CSS colors not work in Next.js All In One
Tailwind CSS & Next.js 13
......
Nginx的location路径及优先级
常见的location路径映射路径有以下几种: =:进行普通字符精确匹配。也就是完全匹配 ^~:前缀匹配。如果匹配成功,则不再匹配其他location ~:表示执行一个正则匹配,区分大小写 ~*:表示执行一个正则匹配,不区分大小写 /xxx/:常规字符串路径匹配 /:通用匹配,任何请求都会匹配到 l ......
熟练掌握并充分利用CSS3的新特性,持续更新中。。。
1.1 尝试新颖的CSS3特性 首先,我们来看一个具体的案例。 https://code.juejin.cn/pen/7277536985772720139 1.2 CSS3新特性简介和浏览器支持情况 1、新特性简介: 1)强大的CSS3选择器 2)抛弃图片的视觉效果 3)盒模型变化(多列布局和弹性 ......
Css开发:解决在less中动画效果失效的问题
一、问题如下 在vue的style样式中使用了less,而在less中直接使用普通的动画效果时效果会失效,无法对样式呈现出应有的效果。 这个是在less编译为css时,添加的动画效果和其他的附加样式一同被进行了编译操作,导致原本定义的动画名称无法被查到,所以不生效。 要解决这个问题,就得绕过动画名称 ......
界面控件DevExpress WinForms HTML-CSS模板:预设计UI模板加速.NET应用开发
在过去的一年里,DevExpress官方引入了两个强大的功能来加速/简化.NET桌面应用的开发,当一起使用时,您可以创建优雅/个性化的用户界面,减少重复的代码,从而节省更多的项目时间。 DevExpress WinForms有180+组件和UI库,能为Windows Forms平台创建具有影响力的业 ......
PostCSS received undefined instead of CSS string
问题 npm run serve启动项目后,报错Syntax Error: Error: PostCSS received undefined instead of CSS string 解决 node-sass 版本兼容问题导致,按照应用使用的node-sass版本 切换(可使用nvm)到对应的n ......
CSS中的变量
前言 在 CSS 中,有很多需要反复使用的属性值,如果每个使用的地方都直接写死这个值,而没有使用变量去定义这个值的话,后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情,相信你会爱上它 ! CSS 使用变量有很多好处: 可以减少样式代码的重复性,增加样式代码的扩展性和灵活性 声 ......
动态修改el-input样式,css变量形式外层修改input样式
背景:正常我们在修改样式的时候,直接在样式表里写死,但是如果我们想要动态的修改样式,例如el-input字体颜色时,我们需要修改的实际是.el-input__inner这个样式的color,既然是动态,我们就不能在样式表里写死了,而是使用CSS变量修改。 一、CSS变量是什么? 1.css变量 注意 ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL ,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公... ......
CSS之实现视频背景
1.新增<video> <video class="video-background" autoplay muted loop> <source src="../../assets/starry-sky.mp4" type="video/mp4" /> Your browser does not s ......
CSS
CSS (Cascading Style Sheets,层叠样式表) 是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css 选择器通常是您需要改变样式的 HTML 元素 每条声明由一个属性和一个值组成 CSS声明总是以 ......
css中文字太多显示方法
第一种方法:“溢出省略号”,即当文字超出一定宽度时,将其省略,并显示“...”。p { overflow: hidden; /* 将超出部分隐藏 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ } 第二种 ......