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
Pink
vue.js事件修饰符.stop阻止单击事件冒泡
其中.stop就是用来阻止单击事件冒泡,用法如:下面是全部代码:vue.stop阻止冒泡#aa{width:150px;height:150px;background:
pink
;}#bb{
weixin_30364325
·
2020-09-16 04:17
javascript
HTML 5入门 (6)——style元素和HTML样式基础
style元素和HTML样式基础引入样式的三种方式(1)外部样式表,通过link元素引入外部样式表;(2)内部样式表;(3)内联样式表;样例如下:Stylep{color:
pink
}h5{color:blue
米勒的画
·
2020-09-16 03:47
CSS——常见属性和外部样式表(外链式)
font-weight:bold;text-align:center;}.h1{color:skyblue;font-size:50px;font-weight:bold;background-color:
pink
mintsolace
·
2020-09-16 03:27
css
学习笔记
js事件冒泡默认行为以及vue的事件修饰符
事件冒泡事件冒泡#a{width:200px;height:200px;background-color:gray;}#b{width:100px;height:100px;background-color:
pink
浅蓝色·
·
2020-09-16 02:44
python 实时显示声音
importpyaudioimportwavefrommatplotlibimportpyplotaspltdefpaly_audio(data):color=["red","black","yellow","green","
pink
东方佑
·
2020-09-15 21:03
日常
AngularJS 用ng-show来绑定ng-model
ng-modelTitle*{margin:0;padding:0;}.box{position:relative;margin:0auto;text-align:center;width:600px;background:
pink
yangxh11111
·
2020-09-15 15:43
AngularJS
jQuery点击按钮元素移动(动画)
jQuery点击按钮元素移动(动画).box1{width:100px;height:100px;background:
pink
;position:absolute;}.box2{width:100px
yangxh11111
·
2020-09-15 15:13
jQuery
浪漫小人程序 python源码
觉得挺有意思的如有侵权请联系我删除想加东西也可加东西上去,还可以加名字上去importturtleturtle.speed(10)#画笔速度turtle.setup(1800,700,70,70)turtle.color('black','
pink
- Passerby ゛
·
2020-09-15 15:10
生活
【HTML+CSS+JavaScript】实现进度条功能
margin:200pxauto0px;width:600px;height:40px;border:1pxsolidpink;}.inner{height:40px;width:0%;background:
pink
weixin_30624825
·
2020-09-15 15:13
javascript
css 属性
a标签(伪类选择器)未激活的状态a:link{color:
pink
;};激活后的状态a:visited{color:red;};鼠标悬浮时的状态a:hover{color:green;};鼠标按住时的状态
ZZZ --- jh
·
2020-09-15 12:51
css
CSS3:first-child和first-of-type的区别
1231、first-child#example>div:first-child{background-color:
pink
;}first-child没有选择出任何元素,因为他的工作步骤是这样的:①把所有
如果是兔子
·
2020-09-15 12:48
CSS3和HTML5
css
css3
padding不会撑开盒子的情景
Document.father{height:200px;background-color:
pink
;width:300px;/*padding-left:30px;因为父盒子有宽度给定值了,则padding
weixin_43312083
·
2020-09-15 12:12
前端
render函数的不同写法
render:h=>{returnh(CountTo,{props:{endVal:5000},style:{color:'
pink
',fontSize:'50px'},//添加类的样式'class':
**无敌小飞侠
·
2020-09-15 11:21
js
19.多盒子嵌套定位
width:400px;height:400px;background:green;position:absolute;}.three{width:300px;height:300px;background:
pink
neilro
·
2020-09-15 11:04
Div+Css
盒子模型中padding 和 border 属性会撑大盒子
:0;padding:0;}div{width:100px;height:100px;background:green;}.a{height:100px;width:100px;background:
pink
makelucky
·
2020-09-15 11:47
H5
CSS单行文字溢出省略号表示
CSS单行文字溢出省略号表示div{width:150px;height:80px;background-color:
pink
;margin:100pxauto;white-space:nowrap;overflow
zzf2.0
·
2020-09-15 11:16
笔记
css
CSS多行文字溢出省略号表示
CSS多行文字溢出省略号表示div{width:150px;height:80px;background-color:
pink
;margin:100pxauto;overflow:hidden;text-overflow
zzf2.0
·
2020-09-15 11:16
11
css
padding值的说明(什么时候会撑开盒子,什么时候不会撑开宽度。继承的宽度,padding-left不会撑开盒子)
.box{width:200px;height:200px;background-color:
pink
;padding-left:20px;/*当盒子有宽高的时候设置padding会导致盒子宽高变化*/
lei2350934xj
·
2020-09-15 10:24
html和css
position(relative)和div的重叠或者遮挡问题
首先来看代码:DECAUMENT*{margin:0;padding:0;}.nav{width:100%;height:44px;background-color:
pink
;position:fixed
Mm_Dxx
·
2020-09-15 10:31
padding不会撑开盒子的情况
还应考虑上下两个盒子垂直外边距合并的情况如果一个盒子没有给定宽度/高度,就会用其父类的属性,这时padding不会影响盒子的大小课堂实例:2019年9月9号.father{width:300px;background-color:
pink
是超超啊!
·
2020-09-15 09:56
HTML系统学习
paddin不会撑开盒子的情形
水平垂直居中的方式(3种)
哈哈哈1,absolute+transform:绝对定位+转换.parent{position:relative;background:
pink
;width:200px;height:200px;margin
杨小仙
·
2020-09-15 08:53
H5C3
H5C3
JS小案例-天猫导航栏
*{margin:0;padding:0;list-style:none;border:0;}body{background-color:
pink
;}#nav{width:900px;height:63px
程序员的脱发之路
·
2020-09-15 03:08
JavaScript学习笔记
js对象获取属性的方法(.和[]方式),这两者有和不同?
代码:获取任意一个元素的任意属性*{margin:0;padding:0;}#box{width:100px;height:100px;background:
pink
;/*position:absolute
weixin_34375054
·
2020-09-15 02:37
java web之css解析
只能在当前元素中使用如:我是一只小小鸟2.内部样式:样式定义在html页面的中特点:作用于当前整个页面如: span{ color:
pink
幼儿园扛把子丶
·
2020-09-14 14:37
java
web
精灵图背景(js)
:none;}.box{width:250px;margin:100pxauto;}.boxli{float:left;width:24px;height:24px;background-color:
pink
时松
·
2020-09-14 14:55
基础
javascript
css3 - 属性选择器、伪元素选择器、结构性伪类选择器
一、属性选择器html:示例1示例2示例2示例2css:[id=box1]{/*选择id="box1"的标签设置样式*/background-color:
pink
;}二、伪元素选择器1.first-line
erdouzhang
·
2020-09-14 13:45
css3
原生js写jQuery延迟下拉菜单
cursor:pointer;}ul>li:last-child{margin-bottom:0;}.d1,.d3{height:100px;overflow:hidden;background-color:
pink
wjh2573755386
·
2020-09-14 11:00
javascript
原生js实现对未来dom的事件绑定
$("#div1").on("click","p",function(){$(this).css("background-color","
pink
");});在现在公司项目中为了避免vue和jquery
zjr11111
·
2020-09-14 11:44
js
CSS中的各种选择器及优先级
HTML元素指定样式,id是一般是独有的,这一点在你设置id的时候一定要注意id选择器可以以"#"来定义#div1{color:red;}#p1{color:black;}#p1span{color:
pink
前端小面包
·
2020-09-14 11:26
HTML
CSS
b站
pink
老师前端代码学习
代码都是自己看视频敲得,视频链接在下面先上效果图主要用的就是定位,蛮简单的,代码如下防土豆显示及隐藏.tudou{position:relative;height:320px;width:444px;margin:50pxauto;}.tudouimg{height:100%;width:100%;}.mask{position:absolute;top:0;left:0;width:100%;h
lmd666
·
2020-09-14 10:10
html5
css
高度塌陷--清除浮动 解决方法
:hidden;.box{width:500px;border:1pxsolidblack;overflow:hidden;}p{width:100px;height:20px;background:
pink
jennyya
·
2020-09-14 10:00
CSS3_标准盒子模型和怪异盒子模型
#box{width:200px;height:200px;background-color:
pink
;}标准盒子模型box-sizing:content-box;padding是向外扩的border也是向外扩的怪异盒子模型
aof26372
·
2020-09-14 10:31
使用Vue.js实现一个带滑动效果的倒计时组件
倒计时.box-item{position:relative;display:inline-block;width:190px;height:30px;background:
pink
;background-size
Light.T
·
2020-09-14 07:28
前端学习
这天空,这云朵,粉粉的!
来自伦敦艺术家@pastel.
pink
.paintbrush夜景,同样好美这配色看着就非常舒服!-------------------------往期精华文章导读:什么能力最重要?谈一谈要不要买房。
庞门正道
·
2020-09-14 00:00
css里的动画animate应用
animate.circle{width:200px;height:200px;border-radius:50%;border:15pxsolid#eee;border-left-color:
pink
fanyqsix
·
2020-09-13 21:51
js高级笔记
学习笔记.dv{width:400px;height:400px;background:
pink
;}.map{width:800px;height:600px;background:#ccc;position
aaron9185
·
2020-09-13 21:17
js复习
用JavaScript编写的一个点名系统
梁山点将#root{margin:0auto;width:1020px;height:510px;background:
pink
;}#rootdiv{width:100px;height:100px;border
zcoderz
·
2020-09-13 20:41
DFT与IDFT
DFT与IDFT一.方法简介序列x(n)(n=0,1,…N-1)的DFT定义为X(k)=∑n=0N−1x(n)e−j2πnkNX(k)=\sum_{n=0}^{N-1}x(n)e^{-j\frac{2\
pink
姚明明
·
2020-09-13 17:27
圣杯布局(相对布局)和双飞翼布局这两种经典布局的实现案例
左右定宽中间栏在浏览器渲染时,先进行渲染基本样式*{margin:0;padding:0;}.main{width:100%;background:red;}.left{width:200px;background:
pink
z-ying-jian
·
2020-09-13 12:54
利用CSS让页面元素居中的方案
页面元素居中是我们开发过程中常遇到的问题,同时也是面试中经常被提及的问题,所以我们必须熟练掌握初始样式.container{width:500px;height:500px;background-color:
pink
EsunR
·
2020-09-13 11:44
面试题
CSS
一个宽高未知的div如何实现水平垂直居中
parentBox{width:200px;height:200px;display:flex;justify-content:space-around;align-items:center;background:
pink
krifyFan
·
2020-09-13 06:02
日常知识
【css】不定宽高的div水平、垂直居中问题
;height:100%;background:rgba(0,0,0,0.7);position:relative;}#content{width:50%;height:50%;background:
pink
汪小穆
·
2020-09-13 06:37
css
如何让文字居中
background:#f40;position:absolute;left:20%;top:20%;}.box-size{width:20px;/*line-height:20px;*/color:
pink
sky_LQ
·
2020-09-13 06:34
盒子垂直居中的几种方法
盒子垂直居中的几种方法一、盒子没有固定宽高时方法一:.box{padding:20px;background:
pink
;position:absolute;top:50%;left:50%;-webkit-transform
k1448768554
·
2020-09-13 06:48
面试题
R G B 常用颜色列表
颜色英文代码形像颜色HEX格式RGB格式LightPink浅粉红#FFB6C1255,182,193
Pink
粉红#FFC0CB255,192,203Crimson猩红#DC143C220,20,60LavenderBlush
Kevin_Rao
·
2020-09-13 04:12
RGB
UIColor
UI
UIColor
HEX
RGB
多行文本未知高度垂直居中-
by一丝多行文本未知高度垂直居中-by一丝多行文本未知高度垂直居中-by一丝*{margin:0;padding:0;}.box{height:200px;width:300px;background:
pink
阿聪世家
·
2020-09-13 04:51
html5/css3
CSS-如何设置行内元素的垂直对齐方式,清除img标签底部空白缝隙,行高的设置
baseline基线对齐,默认值top元素的顶端与行中最高元素的顶端对齐middle把此元素放置在父元素的中部bottom元素的顶端与行中最低的元素的顶端对齐默认基线对齐:.box{background:
pink
蓬莱老仙
·
2020-09-13 03:34
CSS
图片与文字对齐
控制元素垂直对齐方式对块级元素无效对行内元素或者行内块元素有效通常用来控制图片取值baseline|top|middle|bottomDocumentdiv{width:200px;height:200px;background-color:
pink
端脑
·
2020-09-13 02:54
前端
图片与文字对齐
使用position定位 头部底部固定
header{width:100%;position:absolute;top:0;height:60px;line-height:60px;}.content{width:100%;background:
pink
范阿芳
·
2020-09-13 02:09
html
css
javascript
css
html
通过className更改元素样式(57)
Documentdiv{width:100px;height:100px;background-color:
pink
;}.change{background-color:purple;color:#fff
㼛思码雨
·
2020-09-12 23:24
Web
APis
javascript
上一页
16
17
18
19
20
21
22
23
下一页
按字母分类:
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
其他