CSS
css: A Multi-line CSS only Typewriter effect
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca ......
Django优化模版拆分css文件
Django优化模版拆分css文件 可以发现前面写项目将css放在html一个文件中，虽然简单省事但是带来的问题就是文件过于冗长不方便查看和修改。这里做个分离优化提供两种方式 方式一：html和css存放同一目录 将原因html中</style>内容移动到home.css文件中，然后再html移动空 ......
css怎么让动画一直播放
css怎么让动画一直播放 CSS动画是为网页添加动态效果的常用技术。然而，有些动画在播放一次后就停止了，无法一直重复播放。下面我们将介绍如何使用CSS让动画一直播放。 首先，我们需要使用CSS关键帧（keyframes）来定义动画。keyframes允许我们指定动画在不同的帧（或时间点）上的样式。例 ......
一个CSS动画的demo
.lineBarDis { height: 8px; background-image: linear-gradient(to right, #011c72 0%, #c7ced2 100%); animation: myAnimation 1.5s infinite; /* 设置动画为2秒钟的时间 ......
开发指导—利用CSS动画实现HarmonyOS动效（一）
注：本文内容分享转载自HarmonyOS Developer官网文档 一. CSS语法参考 CSS是描述HML页面结构的样式语言。所有组件均存在系统默认样式，也可在页面CSS样式文件中对组件、页面自定义不同的样式。请参考通用样式了解兼容JS的类Web开发范式支持的组件样式。 尺寸单位 ● 逻辑像素p ......
css之positon定位
最近要把一个长表格改成表头不随滚动向上滚动而是固定，复习下css的定位知识，记录下 <style> .box { border: 1px solid silver; position: relative; height: 200px; width: 300px; overflow: auto; } ......
css元素居中对齐
css 盒子居中对齐 1. 弹性盒子 .father{ display:flex; justity-content:center; align-items:center } .son{ ... } <div class="father"> <div class="son"></div> </div> ......
CSS BFC 介绍及应用
## 概念 BFC（Block Formatting Contexts 块级格式化上下文）是 CSS 中的一个重要概念。 它是页面上一个独立的渲染区域，如果一个元素具有 BFC 特性，则内部子元素在任何情况下都不会影响到外部元素，也不会被外部元素影响。 例如： 1. **处理浮动问题**：当父元素包 ......
Tailwind CSS的初次邂逅
官方文档 英文文档：Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. 中文文档：Tailwind CSS - 只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站。 | Tailwi ......
CSS基础-过渡动画
CSS3新添加了过渡动画， 即使用者定义好 一个元素的**开始状态**和**结束状态**， CSS会根据变化曲线形成**补间动画**效果。 CSS3中用**transition**属性来描述动画如何运动。  { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ ` ......
用div+css实现聊天输入框，可输入、展示图片
<div class="dzm-textarea" id="dzm-textarea" contenteditable="true" @keypress="onKeypress" placeholder="输入文本" style="overflow: auto;"></div> const onKe ......
h5(html5)+css3前端笔记六
#浮动 ##1.1传统网页布局的三种方式 普通流、浮动、定位 网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置 ##1.2标准流（普通流/文档流） 1. 块级元素会独占一行，从上向下顺序排列。 常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table 2. 行内元素 ......
css 收货地址的平行四边形红蓝白色样式
.line { width: 100%; background: repeating-linear-gradient( -45deg, rgba(0, 41, 136, 0.4) 0px 24px, #fff 24px 48px, rgba(238, 0, 7, 0.4) 48px 72px, #f ......
CSS基础-3D变形
 : 默认为 row nowrap 即 水平左起点 不换行 第一个值的其他可能:row-reverse：水平,右; column：垂直,起点在上沿; column-reve ......
15 CSS总结
##### 15 CSS总结 到此，css的知识就结束了，掌握这些知识，搞爬虫足够了。如果朋友还有兴趣可以去css其他学习网站去看看其他的一些属性用法，（菜鸟教程 https://www.runoob.com/css/css-tutorial.html ），以下是总结的知识点： 。 ! ......
animate.css动画库
使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画（官网：https://animate.style/） // 安装 npm install animate.css （npm安装） https://unpkg.com/animate.css@3.5.2/anima ......
CSS3新增内容
# [CSS3新增内容](https://www.cnblogs.com/fangchaoduan/p/17661041.html) ## `css3新增内容` - 布局方面新增了`flex布局`、`媒体查询` - 选择器方面新增了 `:first-of-type`,`:nth-child`等选择器 ......
引用css
使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 示例代码： <style> @import "../../common/uni.css"; .uni-card { box-shadow: none; } </style> ......
css语法
CSS 支持 nvue样式 css预处理器 #页面样式与布局 uni-app 的 css 与 web 的 css 基本一致。本文没有讲解 css 的用法。在你了解 web 的 css 的基础之上，本文讲述一些样式相关的注意事项。 uni-app 有 vue 页面和 nvue 页面。vue 页面是 w ......
HTML引入CSS的方式
虽然很简单，但久了不用还是容易忘，暂且记一下： 1、html引入css文件之直接在div中使用css样式制作div+css网页 <div style="border:1px red solid;">html引入css文件</div> 说明：html引入css文件的这种方法不建议使用，因为会让页面的标 ......