E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
css响应式设计
Sass语法规则及使用方法
Sass是一种
css
的扩展,可以使得
css
的编码更加强大和优雅。sass支持使用变量、条件、循环、嵌套、继承、mixin、函数等强大的功能。
_亦影
·
2024-01-24 09:30
前端开发
css
sass
scss
css扩展
SASS的了解与使用
一、了解SASS1、什么是SASSSass是
CSS
扩展语言,可以帮助我们减少
CSS
重复的代码,节省开发时间。Sass完全兼容所有版本的
CSS
。
执笔丶画苍生
·
2024-01-24 09:58
sass
css
前端
sass简介
条件分支语句五、循环语句六、sass的选择器嵌套七、sass属性的嵌套八、sass的混入九、sass继承十、sass导入一、了解sasssass官网:https://www.sass.hk/Sass是一门高于
CSS
四色花瓣
·
2024-01-24 09:28
sass
SASS简介及使用方法,让你明明白白!
SASS3.SASS基本语法3.1变量3.2嵌套规则3.3混入(Mixin)3.4导入4.编译SASS5.总结1.SASS概述SASS(SyntacticallyAwesomeStylesheets)是一种
CSS
技术探秘者
·
2024-01-24 09:57
sass
SASS简介及使用方法
文章目录一、SASS简介二、SASS使用案例三、
CSS
预处理器四、
CSS
预处理器常见问题及优缺点五、热门文章一、SASS简介Sass(SyntacticallyAwesomeStyleSheets)是一种
雪梅零落
·
2024-01-24 09:27
CSS/CSS3
sass
前端
css
Frontend - SASS / S
CSS
文件使用
目录一、安装所需依赖1.django-compressor2.django-sass-processor二、settings.py文件配置三、html使用1.配置2.导入一、安装所需依赖1.django-compressor2.django-sass-processor安装依赖,可参考另一篇文章:Backend-安装依赖(pip、tar.gz)_python通过tar.gz包安装依赖包-CSDN博
盛开的小苔花
·
2024-01-24 09:26
html5
sass
scss
前端
element ui el-table 如何实现带斜线的双表头
实现思路通过嵌套表头将两个标题设置在一个单元格内,再通过
CSS
样式增加斜线效果。
代码搬运媛
·
2024-01-24 08:22
VUE专栏
ui
vue.js
css
element ui el-table表头单独设置字体大小
1.给el-table-column加上类名class-name{{row.program_name}}2.在
css
中设置字体大小::v-deep.column{.cell{font-size:18px
qq_43440547
·
2024-01-24 08:52
elementui
css
javascript
04nginx的缓存配置与其他配置
(
css
|js)?${expires1h;}2nginx的压缩功能配置image.png#开启gzip压缩,对客户端访问的文件资源进行压缩,提高网络传输效率可以将文件压缩到原文件的30%,甚至更少,提
iarchitect
·
2024-01-24 08:11
CSS
注释
CSS
注释哇,最近我发现
CSS
里面的注释真是个好东西呢!虽然它们不会在网页上显示出来,但是对于我这样的新手来说,真的很有助于理解代码是怎么工作的。
e7182818
·
2024-01-24 08:06
#
CSS
学习笔记
css
前端
Vue基础指令
v-forv-if和v-showv-clock如果网速较慢,vue元素还没有渲染情况下,页面会显示源代码的例如:{{mesage}}我们可以使用v-clock,作用就是为Vue绑定的元素上添加该属性,只需要配合
CSS
千寻物语
·
2024-01-24 08:03
Vue
vue
HTML5+
CSS
3笔记
文章目录HTML5新增特性:
CSS
3新增特性:**属性选择器****结构伪类选择器**伪元素选择器2、盒子模型:
CSS
3弹性盒子(flexbox)**flex-direction:****justify-content
Magin_Baron
·
2024-01-24 08:31
html5
css3
【Web前端HTML5&
CSS
3】16-过渡与动画
笔记来源:尚硅谷Web前端HTML5&
CSS
3初学者零基础入门全套完整版文章目录过渡与动画1、过渡2、动画3、实战米兔奔跑的少年弹力球酷炫球过渡与动画1、过渡过渡(transition)通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果
VectorUx
·
2024-01-24 08:29
#
Web前端从入门到精通
前端
html5
css3
html
css
【Web前端HTML5&
CSS
3】18-less简介
笔记来源:尚硅谷Web前端HTML5&
CSS
3初学者零基础入门全套完整版文章目录less简介1、安装插件2、编写less3、less语法less注释父子关系嵌套变量其他4、混合函数其他5、补充less简介
VectorUx
·
2024-01-24 08:29
#
Web前端从入门到精通
前端
html5
css3
html
css
MaccaroniC2:一款功能强大的纯Python命令控制框架
该工具使用了功能强大的Asyn
cSS
HPython库实现其功能,该Python库提供了一个异步客户端和基于SSHv2协议的服务器实现,并使用了PyNgrok封装器来集成Ngrok。
FreeBuf_
·
2024-01-24 08:57
python
开发语言
编程笔记 html5&
css
&js 055
css
默认值
编程笔记html5&
css
&js055
css
默认值没有明确设置的属性都是有默认值的,这个也要知道,代码复制到本地使用。
明月看潮生
·
2024-01-24 08:25
#
html5
css3
javascript
少年工程师
青少年编程
响应式Web开发项目教程(HTML5+
CSS
3+Bootstrap)第2版 例4-8 计算两个数的和
代码计算两个数的和+=100上述代码中,第9行代码绑定oninput事件,用来将计算的结果绑定到标签;第10、12行代码定义id值分别为a和b的数字输入框。运行效果更改输入框中的数字,结果也将发生改变标签用于定义不同类型的输出。
m0_73657966
·
2024-01-24 07:48
html5
css3
前端
响应式Web开发项目教程(HTML5+
CSS
3+Bootstrap)第2版 例4-9 HTML5 表单验证
代码HTML5表单验证请输入您的邮箱:输入个人网址:上述代码中,当设置type的值为email时,表示验证邮箱;type的值为url时,表示验证URL地址。运行效果表单验证是一套系统,它为终端用户检测无效的数据并标记这些错误,让Web应用更快地抛出错误,优化了用户体验。为了更方便地进行表单页面的开发,HTML5还提供了强大的内置相关正则表达式,当type为email或url等类型的标签时,如果va
m0_73657966
·
2024-01-24 07:11
前端
html5
css3
十道面试题
请写出一个符合W3C规范的HTML文件,要求:页面标题为「我的页面」页面中引入了一个外部
CSS
文件,文件路径为/style.
css
页面中引入了另一个外部
CSS
文件,路径为/print.
css
,该文件仅在打印时生效页面中引入了另一个外部
鹧鸪少
·
2024-01-24 07:25
JS常见面试题
1.documentload和documentready的区别1.load是当页面所有资源全部加载完成后(包括DOM文档树,
css
文件,js文件,图片资源等),执行一个函数问题:如果图片资源较多,加载时间较长
吃肉肉不吃肉肉
·
2024-01-24 07:36
好看的
css
样式:可以直接复制给备忘录用的
好看的
CSS
样式好看的按钮样式1.好看的按钮样式:button,input{line-height:35px;color:#fff;&a{color:#fff;text-shadow:2px2px1px
与妖为邻
·
2024-01-24 07:47
css
html
前端
tailwind
css
初体验
tailwind
css
初体验
css
量子化,需要记住很多类名,的确能提高效率,但是html中类名太多,有点影响逻辑,个人兴趣不大安装//安装npminstall-Dtailwind
css
//初始化配置文件
是云呀!
·
2024-01-24 06:09
html与css
前端
CSS
clip-path 生成器
有了clip-path属性,我们可以在
CSS
中通过将元素剪裁为基本形状来创建复杂形状,可以是简单的圆、漂亮的多边形,甚至是SVG源。
lio_zero
·
2024-01-24 06:05
css
前端
html
javascript
css3
行内样式
css
不生效
很多字,style也很长,中间换行了此时display:block;就没生效;后来发现:只要
css
的key和value不在一行,那么就不生效。如果要换行,也要保证key和value在一行,然后再换行。
开水没有冬天
·
2024-01-24 06:04
css
前端
css
clip-path和drop-shadow生成自定义图形、阴影
clip-path:能在不引入SVG的情况下,很好的使用SVG的一些属性,绘制各种图形drop-shadow():将内部元素投影生成阴影,而非box-shadow生成盒子阴影效果图:代码示例:.btn-wrap{margin:auto;filter:drop-shadow(2px4px3pxrgba(50,50,0,0.5));}.btn{content:"";width:200px;height
神奇大叔
·
2024-01-24 06:04
我有奇妙动画
css
css3
javascript
html 带边框的梯形,
css
clip-path画带边框梯形多边形
css
clip-path画带边框梯形多边形项目案例一(自适应梯形)项目案例二(渐变色多边形)项目案例一(自适应梯形)如下梯形区域为模块的title信息,要求title文字个数变化时梯形区域随之变化实现方法
weixin_39594103
·
2024-01-24 06:03
html
带边框的梯形
yaml
css
教程,YAML 语法
YAML语法这个页面提供一个正确的YAML语法的基本概述,它被用来描述一个playbooks(我们的配置管理语言).我们使用YAML是因为它像XML或JSON是一种利于人们读写的数据格式.此外在大多数变成语言中有使用YAML的库.Attention几个语法要点很简单,然而没有分号的语法需要注意缩进规则:同一层的变量要有相同的缩进,不然会将\t或\n当做字符串。注意空格。基本的YAML所有的YAML
weixin_39597323
·
2024-01-24 06:03
yaml
css教程
css
clip怎么用,每天一个小技巧:
CSS
clip-path 的妙用
CSS
的clip-path属性是clip属性的升级版,它们的作用都是对元素进行“剪裁”,不同的是clip只能作用于position为absolute和fixed的元素且剪裁区域只能是正方形,而clip-path
000F1
·
2024-01-24 06:33
css
clip怎么用
css
clip-path 画五角星
简介使用裁剪方式创建元素的可显示区域,实现区域裁剪。浏览器兼容性常用的三种方法1.clip-path:circle(50pxat50px50px)以50px50px的坐标为圆心裁剪一个半径50px的圆;2.clip-path:ellipse(30px40pxat50px50px)以50px50px的坐标为圆心裁剪一个横向半径30px,纵向半径40px的椭圆;3.clip-path:polygon(
躺在家里不干活
·
2024-01-24 06:32
CSS
前端
css
clip-path
css五角星
css多边形
clip
CSS
clip-path生成网站
1.定义:使用裁剪方式创建元素的可显示区域,区域内显示,区域外隐藏2.可参照:clip-path生成器
毕之。
·
2024-01-24 06:30
css
CSS
clip-path妙用
clip-path是对
CSS
属性clip的升级。作用是==对元素进行裁剪==。利用裁剪这个特性,可以用来设计一些很炫的动画。
SYK---Programm
·
2024-01-24 06:59
css
前端
css
javascript
前端
不规则多边形绘制(切角效果、任意效果)
css
clip-path使用
clip-path可以裁切很多种不同形状的图形,这里讲clip-path中polygon()函数属性切角效果#demo{width:100px;height:200px;background:red;clip-path:polygon(15px0,100%0,100%100%,0100%,015px)}效果图:如图所示:polygon(15px0,100%0,100%100%,0100%,015p
羡阳公子
·
2024-01-24 06:28
html
css
css
前端
html
CSS
clip-path 运用
偶然间接触到clip-path的
CSS
属性,接的挺有意思,想着记录一下。clip-path是通过裁剪元素的方式显示裁剪的指定区域。通俗来说就是像剪窗花一样。
不二博客
·
2024-01-24 06:27
CSS
css
html
css3
CSS
的书写位置
让我为大家介绍一下
css
的书写位置1.内部内部div{width:100px;height:100px;}1232.外部外部1233.行内行内1感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!
远近高低各不同
·
2024-01-24 06:55
css
前端
使用
css
将文字在水平线中显示
方法一:1.效果图2.html第三方登录-->3.
css
/*让文字在水平线中显示*/.line{display:flex;flex-direction:row;color:#ccc;font-size:
00秃头小宝贝
·
2024-01-24 06:25
css
前端
css
clip-path 属性介绍
circle()–圆语法:circle([]?[at]?)shape-radius圆的半径position圆的中心点位置使用方法:clip-path:circle();//以元素的中心点为圆的中心点,最小宽度一半为圆的半径。clip-path:circle(50%);//半径50%;clip-path:circle(at50%50%);//中心点位置在x:50%,y:50%。clip-path:c
夜丶陌颜
·
2024-01-24 06:21
css
css
前端
css
clip-path
1解释clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。浏览器会裁剪掉裁剪区域以外的内容,包括:背景,内容,边框,阴影等,另外也不会捕获裁剪区域之外的hoverclick等事件。2语法basic-shape:基本图形,包括inset()、circle()、ellipse()、polygon()clip-source:通过url()方法引用一段SVG的来作为剪裁
无心使然云中漫步
·
2024-01-24 06:18
css
scene
css
前端
前端使用
css
去除input框的默认样式
关键点:/*关键点,让输入框无边框*/outline:none;border:none;1.效果图2.html3.
css
.containerinput{width:100%;height:7vh;/*关键点
00秃头小宝贝
·
2024-01-24 06:46
前端
css
【前端可视化】post
css
-px-to-viewport 适配怎么限制最大宽度?使用 post
css
-mobile-forever
需求原因自己用nuxt3写官网发现用post
css
-px-to-viewport这个插件虽然能够实现基于vw的响应式,但是无法做到限制宽度,比如设计稿1920p,我只想让最大缩放比例为1920p,不能超过
努力挣钱的小鑫
·
2024-01-24 06:45
前端可视化
postcss
前端
javascript
npm install(报错)
npminstall--legacy-peer-depsWARNERESOLVEoverridingpeerdependencynpmWARNWhileresolving:@intervolga/optimize-
css
nano-plugin
My&Liu
·
2024-01-24 06:14
npm
前端
javascript
微信小程序(十二)在线图标与字体的获取与引入
注释很详细,直接上代码上一篇新增内容:1.从IconFont获取图标与文字的样式链接2.将在线图标配置进页面中(源码)3.将字体配置进页面文字中(源码)4.
css
样式的多文件导入获取链接1.获取图标链接登入
代码对我眨眼睛
·
2024-01-24 06:05
微信小程序
微信小程序
小程序
Vue使用markdown编辑器
.安装npminstallmavon-editor-S2.main.js全局注册importmavonEditorfrom'mavon-editor'import'mavon-editor/dist/
css
迟意..
·
2024-01-24 06:56
vue.js
编辑器
前端
Web头歌补充--
CSS
3-文本外观样式
Web头歌补充
CSS
3-文本外观样式bdb美食专题栏目p{font-size:16px;font-family:微软雅黑;text-indent:2em;line-height:28px;}.blue{
入 梦皆星河
·
2024-01-24 06:54
前端
css3
css
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(十)
1.Git初识2.掌握Git仓库3.Git的三个区域gitls-files查看当前暂存区有哪些文件4.Git文件状态5.Git暂存区使用使用gitrestore命令恢复修改过的index.
css
使用gitrm
卡皮巴拉
·
2024-01-24 04:15
框架前置
node.js
学习
前端框架
ajax
前端
git
webpack
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(八)
压缩:把代码文件的体积缩小整合:把多个
CSS
文件、JS文件整合成一个,减少用户浏览器的http请求次数,从而让用户更快访问我们的网页转译:less、sass转换成
css
,高版本js降级处理等时间过程中出现报错
卡皮巴拉
·
2024-01-24 04:45
node.js
学习
前端框架
今日前端十个知识点——
CSS
篇(二)
1、伪元素和伪类伪元素:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成,只在外部显示可见,不会在文档的源代码中找到它们伪类:将特殊的效果添加到特定选择器上,它是已有元素上添加类别,不会产生新的元素2、line-height的赋值方式带单位:固定值,根据父元素的行高传递给子元素;纯数字(比例):例如,父级设置行高1.5,子元素字体为18px,则子元素行高为18*1.5=27
前端fighter
·
2024-01-24 03:31
前端
css
javascript基础(H5面试题)
在没有加载
CSS
的情况下也能呈现较好的内容结构与代码结构,易于阅读。对浏览器:有利于SEO,搜索引擎的爬⾍依赖于标签来确定上下⽂和各个关键字的权重。
秋の本名
·
2024-01-24 03:52
前端
javascript
开发语言
ecmascript
【DataTable.js】DataTable基础应用
然而,采取这些第一步,让DataTables在你的网站上运行实际上是相当直接的,因为你只需要在你的页面中包含两个额外的文件:DataTableJavaScriptfileDataTable
CSS
file
Do_GH
·
2024-01-24 02:14
DataTable
javascript
前端
开发语言
【JS】如何保证样式无损的下载一个页面为.html文件
分析与方案1.首先,单独写一个.
css
文件,让页面与下载的html文件都使用的思路肯定是可行的;但是我的页面使用VUE+less开发,同时有大量的公共样式,剥离出一个.
CSS
文件的难度极大。
帅比九日
·
2024-01-24 02:01
踩过的坑
javascript
html
vue.js
前端
轮播图
1、我们使用html和
css
构建一下页面布局,最后效果如下image.pnghtml代码htmlcarousel<>
css
代码*{margin:0;padding:0;text-decoration
回不去的那些时光
·
2024-01-24 01:35
上一页
77
78
79
80
81
82
83
84
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他