CSS
伪类选择器，伪元素选择器，选择器的优先级，CSS属性相关
### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
CSS透视与Z轴
一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼睛，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 ......
css将多余的字变成...
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......
css 设置滚动条样式
::-webkit-scrollbar：指滚动条整体部分，它的属性有width,height,background等 ::-webkit-scrollbar-button：指滚动条两边的按钮。当不需要时可以用display:none将其隐藏 ::-webkit-scrollbar-track：指外层 ......
css圆环运动的两种写法
圆环运动如下，小圆绕大圆运动 写法有如下两种： 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点，两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
css3 loading效果3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
css3 loading 效果2
使用了css自定义属性var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
CSS中关于Calc 函数的使用规则
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
前端（CSS）
css css: 层叠样式表 就是给html增加样式的，让其变得更加好看。 先学习选择器：作用就是如何找标签 找到标签之后：给标签增加样式 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4} CSS的注释语法： /* 内容 */ （快捷键： ......
如何使用CSS3 @font-face 实现个性化字体
如何使用CSS3 @font-face 实现个性化字体。 在网页中，我们可以使用CSS的font-family属性来定义字体。但是，定义的字体能否在用户的电脑上正确显示，取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常用户的电脑上并没有安装，所以 ......
css
css html：超文本标记语言 css：层叠样式表（就是给html增加样式的，使其变得好看） 先学习选择器，选择器的作用是如何找到标签，找到标签后，给标签增加样式。 选择器的语法结构： 选择器{ 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } css的注释语法 ......
css 超出行显示展开收起
显示展开收起： <div class="wrapper"> <input id="exp111" class="exp" type="checkbox"> <div class="text"> <label class="btn" for="exp111"></label> 这是一个测试内容这是一个 ......
img、a标签、列表、表格(重要)、form表单(重要)、CSS
### img标签 ```python # 图片，在网页显示图片的 标签会有属性： 1. 自带的属性 2. 自定义的属性 src:写图片的地址 1. 外链地址 2. 相对地址 alt： 当图片地址加载失败的时候，显示的描述性信息 width="800px" height="200px" 控制图片的大 ......
纯CSS实现contain布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ......
纯css 四边形的角样式（只有两个角是三角，其他两个是线段）
效果如图： 核心：使用伪类 代码如下： <div class="box-style"></div> .box-style { position: relative; //纯css只有四个角有边框的样式 box-shadow: 0px 0px 12px 1px #003ba26b inset; bac ......
CSS滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -w ......
css 显示溢出隐藏省略号几行
.text { display: -webkit-box; //特别显示模式 overflow: hidden; //溢出内容隐藏 text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; //文本溢出部分用省略号表示 -webkit ......
面试题-css标准盒模型和怪异盒模型
标准盒模型，宽度width = content +padding +boder 怪异盒模型：width = width，会去挤压内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo ......
认识css动画相关属性animation
transtion属性 需要触发条件，比如hover animation属性 可以立即执行 transform属性 不是动画，但是对动画起到至关重要的作用 过渡属性transtion <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
css3动画之打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>速度曲线步 ......
CSS总结
# CSS总结 ## 一. CSS选择器 通过选择器选中html标签，设置标签的样式。 ### 1.选择器分类 > 优先级：标签名称选择器 内容 .A{ 属性名称：值; 属性名称2：值2; } ``` #### (3) id选择器 语法：#id属性值{} 作用：选中对应id属性值的元素(id属性值只 ......
C# DLL资源文件打包(图片、JS、CSS)
前言 出于安全以及移植考虑，近两天有看关于WebResource方面的资料，有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客，一搜索几乎全一样，也没多说一个字的！！ 感谢 1.MSDN 直到这个例子出现，我才真正做出自己想要的东西，但是也带来了一些不明白 2.利用WebResource.axd通 ......
教你快速掌握两个div在同一行显示css如何实现
我们都知道div是一个块元素,块元素的特点是,独占一行,从上往下排列,但是有时候我们在页面排版的时候需要从左往右横着排列,想要实现这样的效果方法有很多,首先先来看一下,默认情况下的2个div的效果如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <me ......
CSS常用属性汇总
1、盒模型属性2、常用文本样式属性3、常用字体属性4、段罗和行相关属性5、css书写位置6、样式层叠性和选择权重7、伪类和伪元素8、css3新增伪类9、标签选择器、id选择器、class选择器、复合选择器10、关系选择器、序号选择器、属性选择器11、浮动与定位样式属性12、鼠标样式13、边框、圆角、 ......
20个非常绚丽的HTML5/CSS3应用插件
基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视 ......
2--DIV CSS基础
1.DIV CSS样式 CSS指的是层叠样式表（Cascading Style Sheets），也称级联样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素，可以同时控制多张 ......
03 爬取新闻 bs4介绍遍历文档树，bs4搜索文档树， css选择器， selenium基本使用，selenium其他使用 搜索标签
# 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式，用了re匹配的 html，bs4，lxml。。。 json： -python ：内置的 -java ： fastjson 》漏洞 -java： 谷歌 Gson -go ：内置 基于反射，效率不高 `` ......
CSS Grid布局
## Grid布局 ### 1 概述 网格布局（Grid）将王爷分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid布局与Flex不具有一定的相似性，都可以指定容器内部多个项目的位置，但是他们存在重大的区别。flex布局时轴线布局，只能指定项目针对轴线的位置，可以看作是一维布局；gr ......
记录--你知道Vue中的Scoped css原理么？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 追忆Scoped 偶然想起了一次面试，二面整体都聊完了，该做的算法题都做出来了，该背的八股文也背的差不多了，面试官频频点头，似乎对我的基础和项目经验都很是满意。嗯，我内心os本次面试应该十拿九稳了。 突然，面试官说：「我的主技术栈是Rea ......
css和html入门
# css和html入门 + 前言: 这是一个oier在摆烂之时随便学的学习笔记，本来想搞cnblog的博客，然后发现博客的外观可以自己搭建，于是开始现学现卖，几乎没有参考价值，完全自娱自乐。 ## html是什么？ 超文本标记语言（英语：HyperText Markup Language，简称：H ......