优惠券 波浪 效果css
开心档之CSS !important 规则
CSS !important 规则 CSS !important 规则 CSS是网页中最常用的样式语言，用来改变网页的颜色、字体、布局等等。但是当多个样式规则作用于同一个元素上时，由于优先级的差异，可能会出现样式被覆盖的情况。为了解决这个问题，CSS中提供了!important规则。 什么是!imp ......
CSS 浅探flex布局中使用的overflow ，及width/height=0
关于overflow，w3school定义是： overflow:auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 我对于overflow:auto的初级理解是，设置父元素height/width，若子元素溢出，则自动显示纵向/横向滚动条。 很长时间我是这么理解的，但是现在和fle ......
16、博客列表加载效果 - 博客界面改造文章(202307)
最近闲来无事，就想着把博客界面弄得再有点动画效果，于是就找了延迟函数，把博客的内容列表加载的动画写出来了。 该动画效果还是挺炫的，但是因为刷新页面，下面列表的显示需要拉动到底下才看到，所以这里只能记录一下了。 下面是实现的函数： JS文件在这里，需要的读者自己下载查看： https://files. ......
CSS-详情见帮助文档
1.CSS的作用 1.1什么是CSS，有什么作用？ CSS（Cascading Style Sheet）：层叠样式语言 CSS的作用是： 修饰HTML页面，设置HTML页面中某些元素的样式，让HTML更好看 CSS好比HTML的化妆品一样 HTML还是主体，CSS依赖HTML，新建的文件还是.htm ......
淘宝客新手必看：3分钟快速掌握淘宝京东优惠券赚钱秘籍
为什么会有优惠券这个东西？每个商家都有自己的品牌定位。如果直接降价会伤害到自己的品牌，发放优惠券就是一个比较好的行销手段。我们熟知的肯德基就是这么做的。今天我们要讲的是淘宝京东领券怎么赚钱。首先，我们来说一下为什么淘宝京东优惠券能够赚钱。实际上，这个赚钱的核心就是信息差。具体来说，淘宝京东商家在联盟 ......
HTML5/CSS3学习——Canvas使用
什么是 Canvas？ HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，你可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建 Canvas 元素 向 HTML5 页面添加 Canvas 元素。 规定元 ......
odoo _register_hook和_patch_methods组合使用，实现日志功能，效果和java的切面类似
_register_hook方法是在odoo启动，加载模块时调用，可以在调用期间对某个的模型进行功能增强，比如增加日志 下面是一个简单的示例： ``` class Log(models.Model): _name = "cn.com.brandmax.log" _description = "日志" ......
css如何实现禁止选择文本
css实现禁止选择文本的方法是，添加user-select属性，并且将属性值设置为none，表示文本不能被选取，具体代码如【user-select:none;】。 本文操作环境：windows10系统、css 3、thinkpad t480电脑。 在 web 浏览器中，如果我们在文本上双击，文本会被 ......
CSS隐藏滚动条
一、纯CSS+div样式隐藏 在需要滚动的元素外面再套一个div，给最外面的div设置样式overflow:hidden，宽度比需要滚动的元素小； 之后给需要滚动的元素设置样式overflow-x:hidden; overflow-y:scroll； <style type="text/css"> ......
残影效果制作——打造炫酷高速连拍
 效果控件-残影 残影运算符选择成：最大值 衰减 0.8左右 ![image](https://img20 ......
css fit-content使用和flex使用高度自适应
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ padding:0; margin:0; height:100%; /*定义页面整体高 ......
每日汇报 第五周第四天 CSS弹性盒子模型和html排版
今日学习： CSS中的弹性盒子模型和html中的排版 盒子模型html代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=d ......
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
隔离css继承的样式
项目里遇到一个富文本在编辑器内和页面上渲染出来的样式不一致的问题，具体表现在fons-size和line-height等可继承的属性上，经过排查发现确实是继承了父元素的样式导致的 随即我在想如何隔离父元素的样式，经过我在张鑫旭的博客里一整翻，终于`style:"all: initial;"`解决问题 ......
css值grid布局基础
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
直播app开发搭建，iOS 添加点击震动效果
直播app开发搭建，iOS 添加点击震动效果 Objective-C #import <AudioToolbox/AudioToolbox.h> ... AudioServicesPlaySystemSound(kSystemSoundID_Vibrate); Swift import Audi ......
加入媒体查询后手机端css可以使用，但是电脑端css无效？
# 加入媒体查询后手机端css可以使用，但是电脑端css无效？ 我的写法是这样的 ``` @media screen and (max-width: 1023px) { .button-module_container__ssMyd2 { width: 100%; margin-left: 0%; ......
让谷歌实现和edge一样的侧边栏效果
#### edge侧边栏截图  ### 百度一下，edge侧边栏很容易实现 ### 谷歌这方面，据说是到谷歌114版 ......
css 伪元素
CSS 伪元素是一项强大的功能，它允许您为所选元素的特定部分设置样式，而无需额外的 JavaScript 代码。 虽然许多开发人员都熟悉常用的伪元素，如 ::before 和 ::after，但还有一些其他元素经常被忽视或未得到充分利用。 在本文中，我们将分享9 个鲜为人知的 CSS 伪元素，它们可 ......
css案例-after伪类元素的例子
下位三角例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
02_CSS
# 1.CSS ## 1.简介 ### 1.是什么 `Cascading Style sheets`,层叠样式表 CSS可以用来为网页创建样式表，通过样式表可以对网页进行装饰。所谓层叠，可以将整个网页想象成一层一层的结构，层次高的将会覆盖层次低的，CSS可以分别为网页的各个层次设置样式。 ### 2 ......
css案例-水平垂直居中
水平垂直居中方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
每日汇报 第五周第三天 html表单的认证和css盒子模型
今日学习： html表单的小考试；css简单的盒子模型；盒子模型代码 html： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Rothko Painting</title> 6 <li ......
TailWind CSS工具库使用
# 一、简介 [官方文档](https://www.tailwindcss.cn/) 本 CSS 框架本质上是一个工具集，包含了大量类似 flex、 pt-4、 text-center 以及 rotate-90 等工具类，可以组合使用并直接在 HTML 代码上实现任何 UI 设计。 # 二、安装 介 ......
css3 object-fit使用
1、object-fit:fill; 拉伸填满整个容器 2、object-fit:contain; 宽度铺满整个容器，高度等比缩放，超出则裁剪 3、object-fit:cover; 高度铺满，宽度等比缩放，超出则裁剪 4、object-fit:none; 图片大小不变，超出则裁剪，裁剪保留中间部分 ......
css制作三角
使用border属性制作三角：当给一个宽高为0的盒子设置不同颜色的边框时会如下图所示，由此可见，想要设置三角，则可以将其余三条边框设置为透明色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie ......
[爬虫]1.2.2 CSS选择器
CSS (Cascading Style Sheets) 是一种样式表语言，用于描述HTML元素的样式。CSS选择器是CSS规则的一部分，它决定了CSS规则应用于哪些元素。在网络爬虫的开发中，我们经常使用CSS选择器来定位和选取HTML元素。 以下是一些常见的CSS选择器： ## 1. 元素选择器 ......
CSS margin属性值不同写法的含义
+ margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / ......