间距 组件css
css用absolute解决flex布局下flex-grow:1的情况滚动布局撑开父节点的问题
描述: 因为个人很喜欢flex布局,所以在做某个项目html框架的时候,会有如下这种情况出现 一个很简单的布局,大的盒子下包含了两个子盒子,第一个子盒子的高度固定,现在要让第二个盒子自适应撑满父布局剩下的高度,自然用css很简单实现 设定一个flex,然后grow为1就行 .container1 { ......
修改组件某个元素的样式的方法
<template> <!-- class="server_a" --> <div class="a"> 服务列表 <div> <a-descriptions title="123" bordered> <a-descriptions-item label="服务列表"> Cloud Databas ......
vue 自定义全局弹窗组件
问题描述: vue 自定义类似 elementUI 的 this.$confirm 解决方案: 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 (就是最基本的vue组件代码) <!-- * @Author: linchun linchun * @Date: 2023-09 ......
CSS MASK
首先看如下效果: 这种效果看起来很赞,可以做出很酷炫的交互,比如图上这种,还有一种就是引导页 经过我阅读作者的文章,原文地址。 发现其实只要使用两个核心CSS样式就能实现这个效果 分别为: 1. backdrop-filter: blur(5px); -webkit-mask: radial-gra ......
介绍一下CSS的盒子模型
CSS的盒子模型有哪些:标准盒子模型、IE盒子模型 CSS的盒子模型区别: 标准盒子模型:margin、border、padding、content IE盒子模型 :margin、content( border + padding + content ) 通过CSS如何转换盒子模型: box-siz ......
纯 CSS 实现波浪效果!
纯 CSS 实现波浪效果! 一直以来,使用纯 CSS 实现波浪效果都是十分困难的。 因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS 的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。 当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的,先看看,非 CSS 方式实 ......
03 CSS快速入门 , 和优势
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习css</title> <!--规范,<style>写css,每一个声明,最好使用分号结尾--> 选择器{ 声明1; 声明2; 声明3; } <link r ......
02 什么是CSS 和 发展史
![](https://img2023.cnblogs.com/blog/3071897/202309/3071897-20230917221306275-724477658.png) ![](https://img2023.cnblogs.com/blog/3071897/202309/30718... ......
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; 会定位在底部左边位置。比如返回顶部/返回等。 ......
uniapp项目实践总结(十六)自定义下拉刷新组件
导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所 ......
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:此属性用于设置元素的背景色 ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用:让不展示的路由组件保持挂载,不被销毁。 2. 具体编码: ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
一文带你弄懂 CSS 布局知识
大家好,我是树哥。 最近想着学习点前端知识,于是就学习了关于 Web 前端的布局知识,其实就是 CSS 那些事。关于 CSS 其实很早就接触过了,但一直没有沉下心来去学习,所以对于 CSS 布局的东西一直都不成体系。这次趁着重学前端,真正花时间学了一下 CSS 布局的知识点,顺带把知识点总结一下。 ......
Unity 引擎的两个重要的软件组件
在博客中,Unity 首先分享了 Unity 引擎的两个重要的软件组件--Unity 编辑器和 Unity 运行时。Unity 运行时是在玩家设备上执行的代码,它使 "Made with Unity"游戏能够大规模运行,每月下载量达数十亿次。 “我们推出的 Unity Runtime 费用是根据最终 ......
vue通过js代码实例化组件
最近在写项目的一些公共组件(一些选择器),很多个地方都需要用,所以在main.js全局声明了,但发现子页面调用还是有挺多的地方需写。 例如,要在template实例化组件,并用ref绑定,然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
SpringMVC请求处理流程和九大组件
Spring MVC的请求处理流程: 1. 客户端发送请求到前端控制器DispatcherServlet。 2. DispatcherServlet(前端控制器)根据请求的URL找到对应的处理器映射HandlerMapping。 3. HandlerMapping(处理器映射)根据请求的URL找到对 ......
2023-09-15 uview的form组件labelStyle属性如何使用
<u-form :labelStyle='lstyle'> computed: { lstyle() { return { fontWeight: 'bold' }; } }, 注意:我用的uview2.0而非1.0,1.0该属性为label-style。 ......
css-面试题
1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b ......
Vue2 Modal组件函数式调用封装(基于Ant Design Vue 组件)
一、h函数(createElement函数)版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
HarmonyOS应用开发Web组件基本属性应用和事件
一、Web组件概述 Web组件用于在应用程序中显示Web页面内容,为开发者提供页面加载、页面交互、页面调试等能力。 ● 页面加载:Web组件提供基础的前端页面加载的能力,包括加载网络页面、本地页面、Html格式文本数据。 ● 页面交互:Web组件提供丰富的页面交互的方式,包括:设置前端页面深色模式, ......
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 ......
在 CocosCreator3.x 中使用 Mask 组件来实现 “果冻墙” 效果。【A.F.K protocol】
JellyWallButMask 是一个基于 CocosCreator 的 Github 项目,旨在通过使用 Mask 组件来实现“果冻墙”效果。这种效果允许用户拖动“墙块”,并在松手后将其复位。同时,在拖动过程中,它能够正常透视底图。然而,需要注意的是,每个 cell 会增加3个 drawcall... ......
分享一个自定义颜色的侧边栏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 ......
ansible-playbook各个组件
1.ansible-playbook组件 ansible-playbook主要的组件有: hosts:主机列表 remote_user 远程用户 tasks:任务 variables:变量 templates:模板 handlers和notity:触发器 tags:标签 2.ansible-play ......