加号 波浪css

纯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 ......
布局 contain CSS

纯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

css 显示溢出隐藏省略号几行

.text { display: -webkit-box; //特别显示模式 overflow: hidden; //溢出内容隐藏 text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; //文本溢出部分用省略号表示 -webkit ......
省略号 css

面试题-css标准盒模型和怪异盒模型

标准盒模型,宽度width = content +padding +boder 怪异盒模型:width = width,会去挤压内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo ......
模型 标准 css

认识css动画相关属性animation

transtion属性 需要触发条件,比如hover animation属性 可以立即执行 transform属性 不是动画,但是对动画起到至关重要的作用 过渡属性transtion <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
animation 属性 动画 css

css3动画之打字效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>速度曲线步 ......
效果 动画 css3 css

CSS总结

# CSS总结 ## 一. CSS选择器 通过选择器选中html标签,设置标签的样式。 ### 1.选择器分类 > 优先级:标签名称选择器 内容 .A{ 属性名称:值; 属性名称2:值2; } ``` #### (3) id选择器 语法:#id属性值{} 作用:选中对应id属性值的元素(id属性值只 ......
CSS

C# DLL资源文件打包(图片、JS、CSS)

前言 出于安全以及移植考虑,近两天有看关于WebResource方面的资料,有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客,一搜索几乎全一样,也没多说一个字的!! 感谢 1.MSDN 直到这个例子出现,我才真正做出自己想要的东西,但是也带来了一些不明白 2.利用WebResource.axd通 ......
文件 资源 图片 DLL CSS

教你快速掌握两个div在同一行显示css如何实现

我们都知道div是一个块元素,块元素的特点是,独占一行,从上往下排列,但是有时候我们在页面排版的时候需要从左往右横着排列,想要实现这样的效果方法有很多,首先先来看一下,默认情况下的2个div的效果如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <me ......
一行 两个 div css

CSS常用属性汇总

1、盒模型属性2、常用文本样式属性3、常用字体属性4、段罗和行相关属性5、css书写位置6、样式层叠性和选择权重7、伪类和伪元素8、css3新增伪类9、标签选择器、id选择器、class选择器、复合选择器10、关系选择器、序号选择器、属性选择器11、浮动与定位样式属性12、鼠标样式13、边框、圆角、 ......
属性 常用 CSS

20个非常绚丽的HTML5/CSS3应用插件

基于HTML5的应用现在已经非常广泛,今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视 ......
插件 HTML5 HTML CSS3 CSS

2--DIV CSS基础

1.DIV CSS样式 CSS指的是层叠样式表(Cascading Style Sheets),也称级联样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素,可以同时控制多张 ......
基础 DIV CSS

03 爬取新闻 bs4介绍遍历文档树,bs4搜索文档树, css选择器, selenium基本使用,selenium其他使用 搜索标签

# 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式,用了re匹配的 html,bs4,lxml。。。 json: -python :内置的 -java : fastjson 》漏洞 -java: 谷歌 Gson -go :内置 基于反射,效率不高 `` ......
selenium 文档 bs4 标签 新闻

vscode代码片段红色波浪线

vscode代码片段红色波浪线,语法都正确。 图片中的代码片段 ```bash // 检测文件夹是否存在 "Check DIR exists": { "prefix": "checkdir", "body": [ "if [ -d \"\\${Dir_PATH}\" ]; then ", " ech ......
波浪 片段 红色 代码 vscode

CSS Grid布局

## Grid布局 ### 1 概述 网格布局(Grid)将王爷分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。Grid布局与Flex不具有一定的相似性,都可以指定容器内部多个项目的位置,但是他们存在重大的区别。flex布局时轴线布局,只能指定项目针对轴线的位置,可以看作是一维布局;gr ......
布局 Grid CSS

记录--你知道Vue中的Scoped css原理么?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 追忆Scoped 偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。 突然,面试官说:「我的主技术栈是Rea ......
原理 Scoped Vue css

css和html入门

# css和html入门 + 前言: 这是一个oier在摆烂之时随便学的学习笔记,本来想搞cnblog的博客,然后发现博客的外观可以自己搭建,于是开始现学现卖,几乎没有参考价值,完全自娱自乐。 ## html是什么? 超文本标记语言(英语:HyperText Markup Language,简称:H ......
html css

css 自定义动态排列

需求就是显示一批头像,正常排列,很简单吧! 用弹性盒子再加上允许换行,就解决了吗?问题是:头像之间有间隔,就需要加margin-right,问题来了本行最后一个盒子的空隙大了,正好能放下一个头像,这时肯定去掉margin.(这里设定最后一个盒子空隙大,当然也可能正好或者多一点点)。 头像容器宽度不确 ......
动态 css

css实现自动适配移动端的效果

# css实现自动适配移动端的效果 ## 使用的库 使用到的库 **[lib-flexible](https://github.com/amfe/lib-flexible)** ## 使用方法 1. 使用script标签引入 ```html ``` ## 使用注意事项!!! 1. 使用前必须要清掉h ......
端的 效果 css

爬取新闻 ,bs4, css选择器,selenium基本使用

[toc] ## 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式,用了re匹配的 html,bs4,lxml。。。 json: -python :内置的 -java : fastjson 》漏洞 -java: 谷歌 Gson -go :内置 基于反射, ......
selenium 新闻 bs4 css bs

css文字水平均匀分布

应用场景 希望在某个元素内文字水平均匀分布 代码 .avg_dis_box{ border: 1px solid tomato; padding: 20px; width: 300px; /* text-align CSS 属性定义行内内容(例如文字)如何相对它的块父元素对齐。text-align ......
水平 文字 css

520要通过这种方式告白 html+css+javascript canvas桃心代码 可修改 【附完整代码】

>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 效果 ![在这里插入图片描述](https://img-blog.cs ......
代码 告白 javascript 方式 canvas

DevTools 无法加载源映射: 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404,

DevTools 无法加载源映射: 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决办法:找到bootstr ......

CSS

# CSS(层叠样式表) ## CSS的三种应用情况 就近原则:谁离该元素离得近就用哪个CSS ```html 芜湖 鸡你太美 ``` ## 三种基本选择器 ### 1.标签选择器 ```html 标签选择器 鸡你太美 基尼实在是太美 ``` ### 2.类选择器 ```html 类选择器 鸡你太美 ......
CSS

【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!

>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/8980b6c ......
兼容性 空隙 前端 元素 事情

纯CSS实现table固定thead,tbody进行滚动

代码一 <!-- * @Descripttion: * @version: * @Author: yang_ft * @Date: 2020-09-29 13:59:26 * @github: famensaodiseng * @LastEditTime: 2020-10-10 17:13:17 - ......
table thead tbody CSS

CSS 父元素没有设置高度,子元素如何跟父元素保持一样的高度?

![宽度有,但是高度没有](https://img2023.cnblogs.com/blog/2271881/202307/2271881-20230710211813680-1880434299.png) 如上图所示,height 属性需要让父元素有高度,所以,h2 的 `::before` 设置 ......
元素 高度 CSS

CSS

.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
CSS

css 隐藏滚动条

&:那个元素有滚动条,就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......
css