斜角 边框css
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
CSS3 实现动态旋转加载样式
CSS3 实现动态旋转加载样式 要使用 CSS3 创建一个动态旋转加载样式，你可以使用 CSS 动画和旋转变换。下面是一个简单的示例： HTML： <div class="loader"></div> CSS： .loader { width: 50px; height: 50px; border: ......
黑马pink css1
css时层叠样式表的简称 构成：选择器和一条或多条声明 声明鼓励使用展开格式 冒号后面保留一个空格 选择器和大括号之间保留一个空格 选择器参考手册：https://www.w3school.com.cn/cssref/css_selectors.asp 选择器分为基础选择器和复合选择器 基础选择器： ......
快速调试 CSS 的技巧
## 使用原子化 CSS 工具包 比如把常见的 flex 布局封装成一个类名，这样就可以直接在 HTML 中使用了。 ```css .flexCenter { display: flex; flex-direction: row; justify-content: center; align-ite ......
CSS选择器
元素选择器 /* 使用元素选择器为所有段落元素应用样式 */ p { color: blue; font-size: 16px; text-align: center; margin: 10px; padding: 5px; background-color: #f0f0f0; } 类选择器 /* ......
CSS让子元素div的高度填满父容器的剩余空间的方法
原帖：https://pythonjishu.com/unbayyjtzdjeewe/ 以下是详细讲解 CSS 让子元素 div 的高度填满父容器的剩余空间的方法的完整攻略。 方法一：Flexbox Flexbox 是一种强大的布局方式，使用起来非常方便。可以通过设置父元素的 display 属性为 ......
celery flower通过nginx部署 静态文件css js
nginx 添加以下配置 location /flower { proxy_pass http://127.0.0.1:5555; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_head ......
css3的translate3d记录
CSS3的translate3d是一个用于在3D空间中移动元素的属性。它可以接受三个值（x，y，z），分别表示元素在x轴、y轴和z轴上的移动距离。translate3d属性的用处是将元素从其原始位置移动到新位置，可以用于创建动态效果、更改元素的外观和布局等。 使用translate3d的方法如下： ......
搜索文档树，bs4其它用法，css选择器，selenium基本使用，selenium其它用法
1 搜索文档树🥨 # 1 find_all ：找所有 列表 # 2 find 找一个 Tag类的对象 1.1 find和find_all from bs4 import BeautifulSoup html_doc = """ <html><head><title>The Dormouse's s ......
Css 一个选择器实现带你实现高级搜索的展开收起
在表格页面中，我们经常用到带有展开收起功能的过滤表单，看似很简单的功能，但是实现起来通常不那么优雅。 我们使用grid布局来实现这个就非常简单： .search-form { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap ......
css盒子模型： 标准盒子模型和IE盒子模型（怪异盒子模型）
CSS盒模型(box model),它是包含了内容(content)、内边距(padding)、边框(border)、外边距(margin)属性的一个盒子模型。 而盒模型又分为两类标准：标准盒子模型和IE盒子模型（怪异盒子模型） 在标准盒子模型中，盒子的width是指content的宽高， 而IE盒 ......
css案例整理
知识体系： 案例整理： （一）案例一： （1）需求：实现一个登录界面 （2）知识点： （①）背景使用背景图片（background：url（"#####"）） （②）登录框应用表单(input),其中， 1.用户名称输入(type=text) 2.密码输入（type=password） 3.登录按键 ......
css常见的居中操作（一）
原创声明：本文所有图片和代码皆由本人制作和编写。 目录目标当前html毛坯房方法一 纯CSS2第0步 排版之前的一些css基本设置第1步 图标与文字对齐第2步 把li居于ul的垂直中部且均匀分布第3步 li的子内容水平居中于li方法二 使用CSS3的flex第0步 排版之前的一些css基本设置第1步 ......
[CSS]关于<img>标签距离底部盒子5px的问题
问题描述：在某个盒子内部放入一个<img>标签，不写样式的情况下，<img>总是和父盒子有5px空隙。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>清除图片多5px问题</title> <link rel="styleshe ......
HTML+CSS
many前端插件： auto close tag、auto rename tag、chinese、code spell checker、css peek、error lens、html play（ctrl+alt+h预览）、live server、path intellisense、vscode-i ......
CSS必学：元素之间的空白与行内块的幽灵空白问题
作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 👉 WangMin 我们在开发的过程中，难免会出现一些难以预料的问题。那么其中，CSS空白现象就是非常常见的问题之一。虽然它已经被发现很久，但仍然有许多新手和经验丰富的开发者们忽略了它对页面布局的影响。我们一起来看 ......
CSS学习
知识体系 案例整理 案例： 1）需求： 商品页面 2）代码： <!DOCTYPE html> <html> <head> <title>商品页面</title> <style> body { height: 100%; margin: 0; padding: 0; background-color: ......
css的浮动和定位
CSS是前端开发中不可或缺的一部分，其中浮动和定位是常用的布局方式。本篇博客将详细介绍浮动和定位的概念、用法和注意事项，适合新手学习。 一、浮动 1.概念 浮动是指将元素从正常的文档流中移除，使其脱离文档流并向左或向右移动，直到其外边缘碰到包含块或另一个浮动元素的边缘为止。 2.用法 （1）floa ......
一些有用的css函数
var 使用自定义的属性值。 :root { --main-bg-color: pink; } body { background-color: var(--main-bg-color); } attr 使用html上data-* 属性引用的文本。 <p data-foo="hello">world ......
使用CSS写一个带追踪特效的渐变按钮
写一个带追踪特效的渐变按钮 开头先观看这张GIF图： 是否被它的出色动画效果所吸引？ 这是从一个完美竞技平台中录制出来的 我脑海中萌生了用CSS来模仿这一效果的念头 绘画元素 我们先记录下这个按钮浮动的颜色（#868BFF），还有按钮的背景的渐变色（#39D5FF->#868bff） 外部使用一个d ......
CSS子元素外边距溢出解决方案
原创声明：本文所有图片和代码皆由本人制作和编写。 目录问题阐述解决办法法一：为父元素设置透明边框法二：为父元素设置内边距法三：为父元素设置overflow属性后记 问题阐述 html代码： <div class="father1"> <div class="son1"></div> <div cla ......
移动端注意事项及坑位1(CSS)
学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.调用系统功能 a标签能快速调用移动设备电话/短信/邮件功能，input标签可快速调用移动设备相册文件 <!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a> <!-- 发送短信 ......
css_animate.css的应用
目录animate.css官网入场动画的加载入场动画的持续时间 animate.css官网 官网 入场动画的加载 <transition enter-active-class="animate__aniamted animate__bounceIn" leave-active-class="anim ......
如何通过CSS将高度从0过渡到auto？
内容来自 DOC https://q.houxu6.top/?s=如何通过CSS将高度从0过渡到auto？ 你可以尝试使用max-height属性来实现这个效果，而不是使用height属性。这样，在悬停时，<ul>的高度会逐渐增加，而不会出现突然跳跃的情况。以下是修改后的CSS代码： #child0 ......
怎么用 CSS 美化被选中的文字？
要使用 CSS 美化被选中的文字，可以使用 ::selection 伪元素选择器来设置样式。该选择器会选中用户在页面上所选中的文本，因此您可以使用它来应用样式来改变文本的外观。 例如，要将被选中的文本的背景色设置为黄色，可以使用以下 CSS 代码： ::selection { background- ......
css3 flex弹性盒子布局简单使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
属性选择器 伪类选择器 伪元素选择器 选择器的优先级 CSS属性相关 字体属性 CSS盒子模型 float浮动
今日内容详细 属性选择器 通过标签的属性来查找标签，标签都有属性 <div class="c1" id="d1"></div> id值和class值是每个标签都自带的属性，还有另外一种：自定义属性 <div class="c1" id="d1" username='kevin' password=' ......
CSS样式之基础选择器
CSS样式 css样式的作用是改变标签的内容 如何选中标签的内容？ 方法是使用选择器来实现 ①标签选择器 ②类选择器 ③id选择器 ④通配符选择器 标签选择器 语法： 标签{ 属性：值; 属性：值；......... 属性：值； } 举个例子： 1 <!DOCTYPE html> 2 <html l ......