属性 动画css3 css
css学习Day01
# css学习Day01 css语法 选择器{ 声明1； 声明2； 声明3； } ## 一、css四种导入方式 - 行内样式 ```html 标题 ``` - 内部样式 ```html ``` - 外部样式 链接式： ```html ``` **优先级：就近原则（谁离元素更近用谁的）** ......
其他css3属性 圆角 三角形
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 ......
css3
属性 浏览器前缀 transition：.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s ......
属性选择器
指定属性和属性值 属性选择器 el[属性+"属性值"] 指定属性 不指定值 属性选择器的权重是10 但是不是单独的 基本上会配合 a 属性值是个词列表 ~= 包含 以xxx开头 attr（）可以获取该标签上的属性 和值 只能获取自生标签上的值 相当于一个函数 ......
字体属性
字体 font-family font-weight 100-300无反应 细的 常规 400-500 normal 600-900 加粗 bold font-style italic oblique 文字倾斜 text-decoration none 添加修饰 text-indent 首航缩进 l ......
背景属性
background-image ：url（）通常情况下会平铺 background-repeat ：no-reqeat 平铺分为x和y background-position：-20px -50px ； background-position：50% 50% ； background-positi ......
常见的css属性
rgb 6位0-9a-f 简写 443322=432 rgb rgb（68，41，41，0.4）最后一位是alpha颜色透明度 浮动 让元素左右排列 float ：left /right/none; 文档标准流 网页中的块级元素 都会自上而下的排列 浮动会破坏元素原本的特征（独占一行的特征） 浮动是 ......
列表 文本属性
list-style none 去除小圆点 网页默认的字体大小是16px font-size 字体大小 网页最小的字体大小是12px 文字居中 text-align center 图片居中 图片居中是在图片外层的盒子里面写 line-hight:100px 文字居中 行高等于高度的时候 文字居中 ......
css: display:none, display:block
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri ......
DevExpress中GridControl控件的基本属性设置和使用方法
(18条消息) DevExpress中GridControl控件的基本属性设置和使用方法_gridcontrol隐藏列_潘达小新的博客-CSDN博客 ......
Python之Rich库-打印彩色字体，表单，进度条与状态动画
https://rich.readthedocs.io/en/latest/introduction.html Introduction¶ Rich is a Python library for writing rich text (with color and style) to the ter ......
36种漂亮的CSS3网页按钮Button样式
 ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素，不保留位置，文档结构中存在 visibility:hidden隐藏元素，仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
css基础-position定位例子-垂直水平居中
盒子垂直居中，水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
设计师必看的10个HTML5动画工具
如果你想用令人难以置信的动画创建引人注目的网站的话，那么这里为设计师精心挑选了一些必备的HTML5动画工具。HTML5是设计师用来打造时尚网站的最流行的编程语言之一。在过去三年内，这种编程语言的使用人数急剧增长。开发人员可以使用这种语言来创建各种改进的内容并放到万维网上。随着每一个新版本的发布，HT ......
input输入框、textarea文本框启用禁用属性disabled后给文字加粗加黑显示
/deep/ input[disabled], input:disabled, input.disabled { -webkit-text-fill-color: #3a3f63; /*disabled里面字的颜色*/ background: #f5f7fa; -webkit-opacity: 1; ......
htmx是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。
[htmx](https://htmx.org/ "htmx")是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。 https://htmx ......
uni-app 的开屏动画过长的解决办法
uniapp有一个默认的加载动画，转圈圈的那个。 目前能够关闭的方法： 1.在pages.json里面加入： 1 "app-plus" : { 2 "usingComponents" : true, 3 "splashscreen" : { 4 "alwaysShowBeforeRender" : ......
css基础-position定位
static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置（人走了，位置留着，停职留薪），不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位，则以浏览器位置偏移如果父元素有定位，则以父元素为参照进行偏移如果父元素无定位，父父 ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
css基础-float浮动
什么是浮动创建浮动框，将其移动左或者右边，直到碰到左边缘或右边缘。特性：浮动元素会脱离标准流，浮动的盒子不会保留白原来位置一行内显示，顶端对齐行内元素加了浮动元素都会具有行内块元素，无需转换，可以设置高度和宽度。 为什么要用浮动网页布局本质就是摆盒子，传统网页布局方式：a) 通过普通流标准流（块级元 ......
使用参数属性对.Net WebApi参数校验
.Net WebApi进行优雅的参数校验 受到了spring boot中注解校验参数的启发，于是想，难道微(巨)软(硬)的.net不行吗? 于是有了本次尝试。 当我们日常开发webapi接口时，难免会有一堆参数校验，例如校验参数是否为空，密码长度…… 条件校验 一般的操作是下面这样的： emm……目 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......
Angular Component Class 成员属性默认的访问权限控制
在Angular中，如果在一个Component Class的成员上没有明确使用访问修饰符（如private、public或protected），则默认的访问控制是public。 Public访问修饰符表示成员可以从任何地方进行访问，包括类内部、类外部以及派生类。当没有显式地指定访问修饰符时，Typ ......
AllowsTransparency属性详解
AllowsTransparency属性是一个布尔值属性，用于指示窗口是否允许透明度。需要注意的是，当AllowsTransparency属性为True时，窗口的Style属性应设置为None，以便正确地呈现窗口的透明度。 如果设置为True，则窗口可以是半透明的，即可以设置窗口的不透明度。 当Al ......
【补充】前端渲染文本属性的标签样式
# 【补充】前端渲染文本属性的标签样式 ## 【1】直接修改标签的值（Directly modifying the value of a tag）： - 这种方式适用于需要将数据直接插入到HTML标签中的情况。 - 一种常用的方法是使用jQuery库来选中需要修改的标签 - 并使用.html()方法 ......
gridlookupedit可编辑输入属性设置
设置三个属性 this.gl_IOPerson.Properties.ImmediatePopup = true; this.gl_IOPerson.Properties.PopupFilterMode = DevExpress.XtraEditors.PopupFilterMode.Contain ......
css跳动样式
animation: warn 1.5s ease-out 0s infinite; } @keyframes warn { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1 ......