Pink

div盒子垂直居中的3种方法

初始HTML代码如下：初始CSS代码如下：.father{width:300px;height:300px;background-color:pink;margin:20pxauto;}.son{width

每一天，每一步·2024-09-14 16:42

CSS学习6

CSS背景一、背景颜色和图片二、背景位置三、背景附着四、背景简写五、背景透明六、背景缩放七、多背景八、凹凸文字九、导航栏例子一、背景颜色和图片background-color:pink;背景颜色backgroundoimage

乌鸦不像写字台·2024-09-01 08:22

CSS学习7

div{color:pink;font-size:12px;}div{color:blue;}二、继承性继承性，子标签继承父标签的样式。子承父业。

乌鸦不像写字台·2024-09-01 08:22

卡片翻折效果

justify-content:space-around;}.card{position:relative;}.card1,.card2{width:200px;height:220px;background-color:pink

优雅的大白鹅·2024-08-28 20:37

HTML(30)——动画

animation:动画名称动画花费时间;示例：盒子的宽度从200变到400px，两个状态一般用fromto的形式.box{width:200px;height:100px;background-color:pink

A阳俊yi·2024-08-25 12:30

半透明边框

半透明颜色：rgba()、hsla()代码：{border:10pxdashedrgba(255,0,0,0.3);width:200px;padding:10px;background:pink;}效果如图

喜宝小窝儿·2024-02-20 15:51

用python画一些有趣的图案（001）

1、python画迪斯科灯importturtleimportmathimportrandom#color=['green','red','blue','yellow','orange','pink']

__lost·2024-02-20 06:56

CSS之Flex布局

属性名：float属性值left：左对齐right：右对齐浮动.left,.right{/*width:200px;*/height:200px;background-color:pink;}.left

白小筠·2024-02-19 22:24

跟着pink老师前端入门教程-day25

4、阿里百秀首页案例4.1技术选型方案：我们采取响应式页面开发方案技术：bootstrap框架设计图：本设计图采用1280px设计尺寸4.2屏幕划分分析①屏幕缩放发现中屏幕和大屏幕布局是一致的。因此我们列定义为col-md-就可以了，md是大于等于970以上的②屏幕缩放发现小屏幕布局发生变化，因此我们需要为小屏幕根据需求改变布局③屏幕缩放发现超小屏幕布局又发生变化，因此我们需要为超小屏幕根据需求改

axiu呀·2024-02-15 05:08

跟着pink老师前端入门教程-day24

四、移动端WEB开发之响应式布局1、响应式开发1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。平时响应式尺寸划分，也可以根据

axiu呀·2024-02-15 05:37

这个世上最大的困难莫过一个字——懒

想哭……我自己的话比较喜欢这样脏脏的画风，然后主色调就是我最喜欢的pink+blue+yellow，牛仔裙也是少女心哒~但是请不要误会，本人也是可以走哥特还有嘻哈风的。希望大家喜欢，谢谢。

鸦云·2024-02-14 03:38

Vue核心基础4：绑定样式、条件渲染、列表渲染

1绑定样式【代码】绑定样式.basic{width:200px;height:100px;background-color:pink;}.normal{background-color:skyblue;

是小蟹呀^·2024-02-13 13:10

我的五件新衣服回来了

今天下午我上完pink老师的课，突然听见妈妈回来了，妈妈今天怎么拿了这么多快递呢，我上前一看你不愧是我的新衣服回来了，我问妈妈，妈妈你今天为什么回来的这么晚呀，妈妈说不是给你去取快递了吗，当然要比平时慢

不卷daddy·2024-02-12 18:00

2019-08-15 jQuery--第二天

图片.png---学习视频是黑马程序员pink老师的教学视频3.2jQuery样式操作3.2.3案例：tab栏切换案例jQuery*{list-style:none;}.tab_list{display

棘菀·2024-02-12 00:57

学成网html+css案例

这是跟着pink老师敲的第一个html+css的静态页面：html部分学成网首页课程职业规划个人中心CheeryZ前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&测试>UI设计>

倒霉娃不要倒霉·2024-02-11 15:33

css元素显示模式（行内、块级、行内块）

ul、li、dl、dt、dd、form、header、anv、footerdiv:nth-child(1){/*块级元素默认和父亲一样宽度*/height:300px;background-color:pink

lxl211·2024-02-11 12:02

跟着pink老师前端入门教程-day23

苏宁网首页案例制作设置视口标签以及引入初始化样式设置视口标签以及引入初始化样式设置公共common.less文件1.新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要2.关心的尺寸有320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px3.划分的份数我们定为

axiu呀·2024-02-11 07:55

JavaScript深拷贝（js深拷贝，JavaScript递归函数，实现深拷贝）

不会改变原有数据，就是把复制的对象所引用的对象全都复制了一遍，具体实现如下；1、定义拷贝对象；varoldObj={ name:"张三", age:18, colors:["skyblue",'plum',"pink

北城笑笑·2024-02-10 13:25

CSS必看知识整理

学前端的一点css笔记，参考的是黑马程序员pink老师的教程。

24e2785df9d3·2024-02-10 04:35

css综合案例1

Documentdiv{width:800px;height:600px;/*background-color:pink;*/margin:0auto;}h1{text-align:center;}.center

2024进厂·2024-02-10 03:09

css魔法真名,CSS魔法（二）

不能设置大小display：inline-block可将行内元素转为块级元素行高line-height文字居中div{height:50px;width:200px;background-color:pink

weixin_39641231·2024-02-09 19:43

跟着pink老师前端入门教程-day21+22

5.4常见flex布局思路5.5背景线性渐变语法：background:linear-gradient(起始方向,颜色1,颜色2,...);background:-webkit-linear-gradient(left,red,blue);background:-webkit-linear-gradient(lefttop,red,blue);背景渐变必须添加浏览器私有前缀起始方向可以是：方位名词

axiu呀·2024-02-08 20:37

CSS之盒子模型

Document/*结构伪类选择器*//*1.选择第一个li*/ulli:first-child{color:pink;}/*2.最后一个小li*/ulli:last-child{color:green

白小筠·2024-02-08 09:42

python-分享篇-小猪佩奇

文章目录代码效果代码#coding:utf-8importturtleastt.pensize(4)t.hideturtle()t.colormode(255)t.color((255,155,192),"pink

fo安方·2024-02-08 08:25

小猪佩奇源码码，用Python写一个小猪佩奇

喜欢的朋友点个赞哈附源码和图片效果#coding=utf-8importturtleastt.pensize(4)t.hideturtle()t.colormode(255)t.color((255,155,192),"pink

guwei666666·2024-02-08 06:52

【border-radius的使用】使用css实现圆形、圆角矩形、不同圆角的设置

1.1代码Document.circle{background-color:pink;width:200px;height:200px;/*设置为高度/宽度的一半*/border-radius:100px

想做一只快乐的修狗·2024-02-07 23:21

vue 子组件改变父组件传来的参数

thisissonbox{{infoooo}}.son{position:absolute;top:0;left:0;width:200px;height:200px;background-color:pink

蜗牛Coming·2024-02-07 18:47

js 学习进阶（Dom部分 pink老师教学笔记）

目录WebAPLS和JS基础关联性API和WebAPIDOM一.DOM简介二.获取元素通过ID获取通过标签名获取通过HTML5新增的方法获取特殊元素获取三.事件基础四.操作元素1.修改元素内容2.修改元素的属性案例：分时问候案例3.修改表单属性案例分析：仿京东显示密码案例4.样式属性操作案例：二维码案例案例：循环精灵图案例：显示隐藏文本框内容操作总结5.排他思想（算法）案例：百度换肤效果案例：表格

Sherry 沈·2024-02-07 16:55

滚轮控制图片放大缩小

1.cssbody{margin:0;background:pink;}.imgWrap{width:500px;margin:50pxauto;}.imgWrapimg{width:100%;}#mask

my沙漠玫瑰·2024-02-07 04:53

跟着pink老师前端入门教程-day20

二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或仅部分支持建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.

axiu呀·2024-02-07 02:49

跟着pink老师前端入门教程-day19

一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2常见移动屏幕尺寸注：以上

axiu呀·2024-02-07 02:13

【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2）

来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接

进击的文文文·2024-02-06 08:39

2021-08-21 今日练习

;height:350px;overflow:hidden;}ul,ol{list-style:none;padding:0;margin:0;}ul{display:flex;background:pink

小胖子_d7d8·2024-02-06 03:13

跟着pink老师前端入门教程-day18

3、CSS33D转换生活中的环境是3D的，照片就是3D物体在2D平面呈现的例子特点：近大远小，物体后面遮挡不可见3.1三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴：水平向右注意：x右边是正值，左边是负值y轴：垂直向下注意：y下面是正值，上面是负值z轴：垂直屏幕注意：往外面是正值，往里面是负值3.23D移动translate3d3D移动在2D移动的基础上多加了一个可以移动

axiu呀·2024-02-05 15:48

跟着pink老师前端入门教程-day16

二十七、CSS3进阶1、CSS32D转换转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换（transform）可以简单理解为变形移动：translate；旋转：rotate；缩放：scale1.1二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术1.22D转换之移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面

axiu呀·2024-02-05 15:47

跟着pink老师前端入门教程-day14+15

2.6main主体模块制作HTML：品优购快报更多[特惠】备战开学季全民半价购数码[公告】品优稳占家电网购六成份额[特惠】百元中秋全品类礼券限里领[公告】上品优生鲜享阳澄湖大闸蟹[特惠】每日享折扣品优品质游花费减飞机花费花费花费花费花费花费花费花费花费花费CSS/*声明字体图标*/@font-face{font-family:'icomoon';src:url('../fonts/icomoon.

axiu呀·2024-02-05 15:17

跟着pink老师前端入门教程-day17

2、CSS3动画动画（animation）是CSS3中就要有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果2.1动画的基本使用制作动画分为两步1.先定义动画2.再使用（调用）动画1.1用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{width:100px;}10

axiu呀·2024-02-05 15:13

广告弹窗(倒计时5,4,3,2,1出现关闭，延迟三秒弹窗消失)

500px;height:300px;margin:50pxauto;background:#0000FF;}a{float:right;width:80px;height:40px;background:pink

carbonic·2024-02-05 08:43

英语日常词汇

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

HellenJin·2024-02-05 05:09

移动Web——rem适配方案

1、rem适配方案体验remdiv{width:5rem;height:3rem;background-color:pink;}1.1rem基本使用rem单位，是相对单位rem单位是相对于HTML标签的字号计算结果

越努力越幸运`·2024-02-05 01:25

【Vue】2-10、Vue 组件

组件的模板结构script：组件的JavaScript行为style：组件的样式用户自定义Test.vue---{{username}}//使用less语法.test-box{background-color:pink

QX_Java_Learner·2024-02-04 18:52

JavaScript基础

由于当时没有定期整理发博客，一直在复习，所以内容可能有点多，这个也是特别基础的内容，也不打算拆分发了，源码和笔记内容来自b站pink老师。

°PJ想做前端攻城狮·2024-02-02 23:59

PINK GIRL

前段时间，看了个电视剧《正青春》，里面有个词，印象深刻，pinkgirl，不过这个词在剧中可是个贬义词。本已是30岁往上的年纪，可是看看最近手淘回来的东西，粉色的包包，粉色的衣服，粉色的毛巾，粉色的香水，粉色的杯子，粉丝的浴巾，粉色的布艺等等一系列的粉。可是购买的初衷，都不是粉色的，为什么回来的东西都是粉的呢。一把年纪了，怎么就突然爱上了粉色，让我搞不懂了。不过我还蛮喜欢的。IILKEIT.7DA

博学多才的蕾拉小姐姐·2024-02-02 19:34

Less 与 Sass 区别

javascript（客户端）,文件拓展名.lesssass基于ruby（服务端）,文件拓展名.scss2.变量、作用域、插值less使用@标识符，在字符串中使用@{}插值，能识别{}作用域@color:red;.pink

桃花糖水深千尺·2024-02-02 10:58

03js匀速运动的优化版本

Document*{margin:0;padding:0;}.box{width:100px;height:100px;background-color:pink;position:absolute;left

An的杂货铺·2024-02-02 03:07

Product Hunt 2019.12.02

imageCodersRankTheultimateprofilefordevelopers程序员的展示平台，聚合Github，StackOverflow的数据，以及求职Pink-OutExtensionUn-Pinktheweb

自我实验室_村君·2024-02-01 20:32

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端

：4、HTML语法规范4.1基本语法概述：4.2标签关系：5、HTML基本结构标签5.1HTML网页：6、开发工具6.1VSCode常用快捷键：第二篇：前端VSCode常用插件-快捷键-以及常用技巧-pink

橘子味红烧肉·2024-02-01 10:16

黑马pink老师Web前端入门笔记（二）

Web前端入门二、HTML标签（一）学习目标（二）HTML语法规范（三）HTML基本结构标签（四）开发工具（五）HTML常用标签1、语义标签：2、标题标签(重要)：3、段落和换行标签(重要)：4、文本格式标签：5、div和span标签：6、图像标签（重要）7、超连接标签（六）HTML中的注释和特殊字符1、注释2、特殊字符二、HTML标签（一）学习目标（二）HTML语法规范1、所有标签由尖括号加关键

耿天霸·2024-02-01 10:13

CSS Day11- 动画

11.1动画语法 Document div{ width:200px; height:200px; background-color:pink;

2301_76534754·2024-01-31 16:05

JavaScript 学习笔记（JS进阶 Day4）

「写在前面」本文为b站黑马程序员pink老师JavaScript教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。

Tiger Z·2024-01-31 11:51

推荐频道