CSS
爬虫如何通过HTML和CSS采集数据的 ？
爬虫可以应用于各种应用场景，包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域，爬虫能够提供宝贵的支持。 爬虫可以按照设定的规则从多个网进行批量数据抓取，比人工手动方式更高效。量数据，并支持后续的数据分析和决策。 爬虫可以通过解析HTML和CSS来采集数 ......
HTML+CSS基础知识
## 1. HTML ### 1.1 基础标签的使用 ## 2. CSS **CSS** (Cascading Style Sheets，层叠样式表） ### 2.1 HTML中引入CSS的方式 - 行内式 ```css ``` - 内嵌式 ```css ``` - 外联式 ```css ``` # ......
css遮盖和穿透效果思路
1. 新标签，定位遮挡，内容可以移至新标签，或设置其透明度 2. 伪元素，定位遮挡，内容可以移至新标签，或设置其透明度 3. mask遮挡 mask遮挡分为，单mask遮挡，这个没什么好说的，基本用法 还有就是，多mask遮挡 已经使用了一个mask来实现其他效果，这时还需要一个遮挡，隐藏某些位置， ......
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
css3缩放 transform: scale() 使用缩放之后顶点对齐问题 注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gr ......
CSS实现图片自适应布局，且不拉伸变型
1.通过背景图的方式处理图片（ 通过 background-size 作用在容器上 ） .img_background{ width:300px; height:300px; background-image:url( ' image.jpg' ); background-repeat:no-rep ......
打卡css第一天
HTML5+CSS3 类选择器 .类名 id选择器#id名 交集选择器 p.类名.id名 伪类a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} / ......
引入第三方css样式
方式一 1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式 import '@/assets/bootstrap.min.css' 如果使用import引入，会严格检查，当字体文件不存在时，会报错 方式二 1.将第三方样式放入目录：public/css目录 ......
前端-CSS
CSS 1.1CSS基础 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（ 美化内容）。 书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。 <title>CSS 初体验 ......
css实现印章效果
<div class="seal"> <div class="seal-status">已使用</div> <div>2023.06.09</div> <div>18:59</div> </div> <div class="seal-red"> Draft </div> .seal{ width: ......
css的一些技巧汇总（未完待续）
1.height无法达到效果时，可以试试max-height比如：transition对height:auto 无效，可以通过max-height:50vh解决 2.:focus 和 :blur事件在交互上存在冲突时，可以通过hover解决 比如：input的blur失去焦点ul收起，但在点击li标 ......
[CSS 3] CSS Pseudo Selector
We only want to access <li>One</li> B: '+' sinbling selector, if we don't have second uland replaced with a li, then it is targeting this li; which is ......
[CSS 3] Font Strategies
font-display: auto; font-display: block; font-display: swap; font-display: fallback; font-display: optional; auto The font display strategy is defined ......
css3
# CSS3 ## 概述 - `CSS3`是`CSS2`的升级版本，它在`CSS2`的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。 - `CSS3`在未来会按照模块化的方式去发展：[CSS](https://www.w3.org/Style/CSS/current-work.html ......
CSS中多次指定相同的属性，最后一个属性会覆盖前面的属性
上面的截图中只有最后一个 border 有效果。 通常为了浏览器的兼容性，我们会选择指定多个相同相同属性。 .wrap { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } 上面的代码兼容了旧版的saf ......
CSS3
# CSS的简单介绍 如何学习 1、css是什么 2、css怎么用（快速入门） 3、css选择器（重点+难点） 4、美化网页（文字、阴影、超链接、列表、渐变） 5、盒子模型 6、浮动 7、定位 8、网页动画（特效效果） # 什么是CSS和CSS的发展史 什么是CSS Cascading Style ......
直播开发app，css 自定义滚动条样式
直播开发app，css 自定义滚动条样式 <div class="content-wrap"> <div> 内容XXXX </div> </div> <style> // content-wrap样式.content-wrap { flex: 1; overflow-y: scroll; box-s ......
js判断是移动端还是手机端来切换css从而达到适配的目的
``` function loadCSS(url) { // Remove existing stylesheets var head = document.head; var existingStylesheets = head.getElementsByTagName('link'); for ......
CSS | 选择器详解
CSS选择器整体分类两大类： + 基本选择器： + 通配选择器 + 元素选择器 + 类选择器 + ID 选择器 + 复合选择器： + 交集选择器 + 并集选择器 + 后代选择器 + 子代选择器 + 兄弟选择器 + 属性选择器 + 伪类选择器 + 伪元素选择器 ## 一、基本选择器 ### 通配选择器 ......
CSS变换手册——CSS变换函数和属性的完整指南
CSS 变换允许您对 HTML 元素进行平移、旋转、倾斜、缩放或添加透视效果。 本教程讨论了像专家一样转换 HTML 元素所需了解的一切。 目录 什么是 CSStransform属性？ 什么是 CSSrotate()函数？ 什么是 CSSrotateX()函数？ 什么是 CSSrotateY()函数 ......
CSS
# CSS 如何学习？ 1. CSS是什么 2. CSS怎么用（快速入门） 3. CSS选择器（重点+难点） 4. 美化网页（文字，阴影，超链接，列表，渐变...） 5. 盒子模型 6. 浮动 7. 定位 8. 网页动画（特效） 9. W3C 10. 菜鸟教程 ## 什么是CSS？ Cascadin ......
前端面试题（css）
1.css选择器（1）简单选择器（元素，Id，类来选取元素，通配选择器）（2）组合选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）2.层叠顺序 当为某个 HTML 元素指 ......
[CSS 3] CSS Specificity
So higher rank css will override lower rank css rules. Inline styles will override any other css rules. h1:not(.small-text) // 0011 - :not is not coun ......
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
会议室预定系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，由管理员进行预定会议室操作。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。这是一个会议室预定系统的代码源码，使用了PHP、CSS、JS和 ......
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
选题系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员、审核员、教师和学生这四种身份登录方式和对应功能，功能齐全。推荐使用phpstudy+ navicat搭建和管理项目！服务：提供现成代码，提供环境搭建相关文档。选题系统代码源码是一套完整 ......
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。
图书馆管理系统代码源码（php+css+js+mysql） 完整的代码源码，系统使用B/S架构。优化过的界面，拥有管理员和普通用户，普通用户可注册登录，管理员可登录，功能齐全。管理员可管理普通用户，增加其他管理员，增添图书，借还书操作，查看已还书。普通用户，可在线查看现有图书，和自己已借图书。推荐使 ......
vue学习第18天 css --- 移动web开发 （单独/响应式、常见布局【单独：流式、flex、rem适配、混合 / 响应式：媒体查询、bootstarp框架】）
学习目标： 目录： 移动端基础 1、浏览器现状 2、手机屏幕现状 3、常见移动端屏幕尺寸 查看地址： https://www.strerr.com/screen.html 注：作为前端开发，不用纠结dp，dpi, pt, ppi等单位。 4、移动端调试方法 5、总结 视口 视口：就是浏览器显示页面内 ......
vue 学习第17天 CSS学习 ---- 浏览器私有前缀 + css3阶段总结
浏览器私有前缀是为了兼容老版本的写法，比较新的浏览器无需添加 1、私有前缀 2、提倡的写法（私有前缀+属性） 总结： CSS3学习的 五个大方面 ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
vue学习第16天 CSS---3D转换 （translate3d 3d移动、3D旋转 rotate3d、transform-style 是否开启3d环境）
3D转换 转换： 1）3d移动 translate3d 2）3d旋转 rotate3d 3D的特点： 1）近大远小 2）物体后面遮挡不可见 3D转换：我们工作最常用的 3D位移 和 3D旋转 主要知识点： 1、三维坐标系 （z轴，z外(屏幕)+，z内（屏幕）-） 三维坐标系其实就是指立体空间，立体空 ......
vue学习第15天 CSS ---- 动画animation
动画 动画（animation）是CSS3中具有颠覆性特征之一，可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画的优点（与过渡相比更好） 1、动画的基本使用（先定义后调用） 制作动画分为两步： 1）先定义动画 ......