Pink

前端-水平垂直居中问题

效果图：贴代码：实现方法一：position+translate方案1.完全居中#box{width:500px;height:500px;background:pink;margin:0auto;position
liuyuemozhu·2020-08-23 17:19

侧边栏滚动显示，点击实现缓动返回顶部

Document.slider-bar{position:absolute;left:50%;top:300px;margin-left:600px;width:45px;height:130px;background-color:pink
即将拥有人鱼线彭于晏·2020-08-23 15:46

自学前端day 9

1pxrgb(199,199,209)solid;height:125px;position:absolute;width:200px;text-align:center;}.b1{background:pink
Gib Gas!·2020-08-23 15:56

IE8以下浏览器不支持document.getElementsByClassName() 访问节点；怎么解决？---封装自己的类名

封装Class类div{background-color:pink;margin-top:20px;width:300px;height:100px;}window.οnlοad=function(){
吃瓜群众欢乐多·2020-08-23 14:11

web前端开发基础第5天

inline-height）行高=文字大小+上间距+下间距行高：1.2行高的作用当行高为父容器的高度时，可以让父容器中的文字垂直显示div{height:100px;width:300px;background-color:pink
qq_31585095·2020-08-23 14:11

ajax和js实现瀑布流布局

container{margin:0auto;/*width:1204px;*/position:relative;}.box{padding:5px;float:left;background-color:pink
番茄酱炒梨子·2020-08-23 11:23

margin为负值所产生的影响

Idonthavethewidth.container{margin:0auto;width:500px;border:1px#cccsolid;margin-bottom:20px;background-color:pink
埃米莉Emily·2020-08-23 05:45

HDU - 2045不容易系列之(3)离散 - 置换群着色

题目链接：HDU-2045题目描述：有排成一行的ｎ个方格，用红(Red)、粉(Pink)、绿(Green)三色涂每个格子，每格涂一色，要求任何相邻的方格不能同色，且首尾两格也不同色．求全部的满足要求的涂法
Styx12·2020-08-23 05:38

「你拍我画2」画作｜Pink Heart

照片链接你拍我画2成品图鲁不韦大神的照片简约美丽对于没什么时间画画的我来说一眼钟情每次画画的时候都惊叹造物主的巧夺天工每一个线条每一个弧度都是无比的完美自己的能力实在有限时间也是极度稀缺只能粗粗用纸笔表现在日常生活的繁忙和压力中挤出一丝空隙留给自己在静静的描绘中发现自然之美感受生命旅途中不一样的风景线稿先用自动铅笔画线稿，用橡皮擦淡之后再用彩铅描一下。上色给高光部分涂上留白液，再上色。用的是留白笔
跃染·2020-08-23 03:17

2019-04-01

css/注释选择器：//p：元素选择器//class='third'类选择器/p{color:blue;background:cyan;}h3{color:pink;}.third{0font-size
sheng520·2020-08-23 02:33

vue实现页面滑动头部header固定栏背景渐变

header123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123exportdefault{data(){return{color:"pink
sslcsq·2020-08-22 18:01

css实现元素水平垂直居中的几种方式?

#father{position:relative;width:300px;height:300px;background:pink;}#son{position:absolute;l
梦里梦一·2020-08-22 18:26

css 中 nth-child、first-child、last-child 的使用（选中第一个，第几个，第几个到第几个，最后一个等）

1.first-child选择列表中的第一个标签2.last-child选择列表中的最后一个标签li:first-child{color:red}li:last-child{color:pink}3.nth-child
KLW75·2020-08-22 16:21

伪元素选择器

width:200px;height:200px;background:red;}.box::before{content:"“我是”";width:50px;height:50px;background:pink
直到世界尽头_Leo·2020-08-22 15:54

js 合并数组的两种方法，js数组里添加字符串，数组转字符串，字符串转数组 之方法大全

参数是具体指vararr=[1,2,3];console.log(arr.concat(4,5));//[1,2,3,4,5]//2.参数是数组对象vararr1=[1,2,3,4];vararr2=["pink
weixin_189·2020-08-22 14:42

4种常见方式带你实现元素水平垂直居中

html统一代码table-cell布局 css代码.out{width:400px;height:400px;background-color:pink;display:table-cell;vertical-align
我的名字豌豆·2020-08-22 13:01

居中的方式

#app{position:fixed或者absolute;//总之要脱离普通的文档流，fixed就是浏览器的窗口大小top:0;right:0;bottom:0;left:0;background:pink
自由落体_4deb·2020-08-22 12:01

Javascript中alert的方法

Javascript中alert的方法：">bindex.s1{width:100px;height:100px;background-color:pink;}.s2{width:50px;height
weixin_33810302·2020-08-22 11:39

Python绘制爱心，用程序员的方式打开情书！

利用pythonturtle库绘制了一个爱心话不多说，直接上代码：fromturtleimport*defcurvemove():foriinrange(200):color('red','pink')
理工科日记·2020-08-21 23:05

JS监听DOM宽高的变化

#pp{width:200px;height:200px;background-color:pink;}btnvaroP=document.getElementById('pp');letMutationObserver
Marchanges·2020-08-21 21:53

Python贪吃蛇——‘AI’锁头

importpygameimportrandom#---Globals---#ColorsBLACK=(0,0,0)WHITE=(255,255,255)RED=(255,0,0)GREEN=(0,255,0)PINK
高一少年·2020-08-21 21:03

js色谱大全

调色表颜色英文代码形像颜色HEX格式RGB格式LightPink浅粉红#FFB6C1255,182,193Pink粉红#FFC0CB255,192,203Crimson猩红#DC143C220,20,60LavenderBlush
有趣的灵魂100盎司·2020-08-21 19:35

turtle作品一个-------怒放的樱花

源代码如下：importturtleimportrandomasrmangle1=[55,35,45]angle2=[15,30,45]size=[3,5,7,9]color2=['pink']color
探索鸭·2020-08-21 17:26

jquery基本用法四-奇偶行显示

1.html新浪1搜狐1谷歌1网易1腾讯12.css.tabEven{background-color:pink;}.tabOdd{background-color:red;}3.javascript$
vbloveshllm·2020-08-21 16:15

用css绘制各种形状（放松一下）

so代码如下：div{width:100%;height:300px;background:pink;border-radius:50%;}这个比较无聊，没意思，高度固定宽度百分比嘛，
EvaXUAN·2020-08-21 16:48

4种常见方式带你实现元素水平垂直居中

html统一代码table-cell布局 css代码.out{width:400px;height:400px;background-color:pink;display:table-cell;vertical-align
我的名字豌豆·2020-08-21 15:04

4种常见方式带你实现元素水平垂直居中

html统一代码table-cell布局 css代码.out{width:400px;height:400px;background-color:pink;display:table-cell;vertical-align
我的名字豌豆·2020-08-21 15:31

css 的基本语句构成

属性和值用冒号分开比如：h1{color:pink;font-size:16px;}
pei__yuan·2020-08-21 15:07

原生js实现简单动画效果

正在逐渐从前端技术栈中被淘汰，下面我们使用原生js实现简单的匀速动画效果和缓动效果匀速动画实现水平移动css样式#box{width:100px;height:100px;background-color:pink
小白彡不白·2020-08-21 14:39

锚点回到顶部

1.给锚点文本标签添加id,针对任何标签来定位都生效.n2{width:50px;height:50px;background:pink;position:fixed;right:20px;bottom
keep789·2020-08-21 14:05

4种常见方式带你实现元素水平垂直居中

html统一代码table-cell布局 css代码.out{width:400px;height:400px;background-color:pink;display:table-cell;vertical-align
我的名字豌豆·2020-08-21 13:36

网页图片缩放的深入剖析

一个图片可以改变成任意尺寸，容器是80%：不加任何属性：img{}div{width:80%;background-color:pink;text-align:center;}图片默认是不会缩放的，宽高是图片原尺寸
识得唔识得啊·2020-08-21 13:49

jquery中css的操作

scroll;border:5pxsolid#000;padding:10px;margin:10px;}.block{width:500px;height:500px;background-color:pink
Null_Robot·2020-08-21 13:58

使用css实现对角线功能，百分比对比

实现的最终结果如下：（也可直接运行代码查看效果）实现过程：（1）使用css的渐变实现对角线对角线的实现linear-gradient(45deg,red30px,pink0);（2）-135deg-45deg45deg135deg
柠檬不萌只是酸i·2020-08-21 13:53

js缓动动画函数封装

Title#dv{width:300px;height:200px;background-color:pink;margin-top:50px;position:absolute;}functionmy
Gui_wawa·2020-08-21 13:12

锚点跳转偏移位置（当顶部导航设置固定定位时挡住锚点区内容时）

设置虚锚点aaaaaaaaaa*{margin:0;padding:0;}.nav{width:70%;height:80px;margin:0auto;background:pink;text-align
面壁思过程·2020-08-21 12:21

CSS字体样式属性

font：综合设置字体样式/*h2{font-size:30px;color:pink;font-family:"microsoftyahei",tahoma,arial,"HiraginoSansGB
凡尘阿凉·2020-08-21 11:53

设置display:flex时，默认属性值

.box{display:flex;height:200px;width:300px;border:1pxsolidred;}.box>div{width:30px;background-color:pink
文刀明·2020-08-21 04:07

JS学习-简单数据类型

（本博客的学习笔记是通过学习pink老师的JS视频所记录的）一.数字型Number1.数字型进制最常见的进制有二进制，八进制，十进制，十六进制。JS中八进制前面加0，十六进制前面加0x
fairy0000000·2020-08-21 03:23

6.移动端事件--阻止冒泡

阻止页面上的文字被选中阻止页面上的系统菜单38.52隐患1.页面上的滚动条失效Document#box1{width:100px;height:100px;background:pink;}//阻止文字被选中
Kasekale·2020-08-21 02:22

flex相关布局

待补充一、实现三栏布局htmldhfs绝代风华地方就是很费时间style.bg{width:100%;height:130rpx;background-color:pink;display:flex;.
九零七·2020-08-21 02:35

另类圣杯布局

padding:0;}.left{float:left;height:50px;background:green;}.right{float:right;height:50px;background:pink
郑伟的菜园子·2020-08-20 20:22

Python有趣的小案例-小猪佩奇

#coding:utf-8importturtleastt.pensize(4)t.hideturtle()t.colormode(255)t.color((255,155,192),"pink")t.setup
工藤一·2020-08-20 20:21

CSS选择器--猫头鹰选择器

demo：.a{background:pink;}.warpdiv+div{margin-top:20px;}divdivd
辣瓜瓜·2020-08-20 14:53

有些好朋友，不适合做恋人

Pink姑娘娇小可爱，性格活泼，动如脱兔，爱好广泛，喜欢有品质的生活。粉红先生，高富帅，有品味，爱好广泛，性格温和。
勇猛精进的王糟糟·2020-08-20 10:30

canvas与image互转及图片下载

CanvascanvasConfig={id:'test',width:'200',height:'200',bgColor:'pink'}classmethod{//canvas转图片canvasToImage
ITchen0521·2020-08-20 08:39

日常生活英语单词大全

hair头发nose鼻子mouth嘴eye眼睛ear耳朵arm手臂hand手finger手指leg腿tail尾巴二、颜色（colours）red红blue蓝yellow黄green绿white白black黑pink
weixin_30525825·2020-08-20 01:49

日常生活英语单词大全（转）

hair头发nose鼻子mouth嘴eye眼睛ear耳朵arm手臂hand手finger手指leg腿tail尾巴二、颜色（colours）red红blue蓝yellow黄green绿white白black黑pink
Pitbull2014·2020-08-19 23:25

加了定位后的块级元素居中和层次叠放

居中）如果使用了绝对定位，margin：0auto；无效}.fa.son{width:200px;height:200px;border:1pxsolidorange;background-color:pink
你是八月的光亮·2020-08-19 10:45

绝对定位position:absolute；实现居中对齐

源码：练习的地方.main{position:absolute;width:700px;height:500px;background:pink;left:50%;//起始是在body中，横向距左50%
佛佛ง·2020-08-19 08:27
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他