- 博客(12)
- 收藏
- 关注
转载 外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。参考: https://www.w3school.com.cn/css/css_margin_collapse.asp...
2022-02-28 10:41:10 194
转载 关于背景透明度,对文本的影响。
使用 opacity 属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。div { background-color: green; opacity: 0.3;}使用 RGBA 颜色值,子元素应用不继承透明度。就是只改背景透明,然后文本不受影响啦。div { background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */}...
2022-02-27 13:04:40 573
转载 附解决方案,小程序获取的用户信息中昵称图然变成了“微信用户”,而且头像也显示不了?
以下解决方案来自51CTO博客作者编程小石头的原创作品最近好多小伙伴在使用getUserInfo获取小程序用户昵称和头像时,图然变成了下面这样。错误图示很多小伙伴肯定就疑虑了,明明我代码没有做任何改动啊,怎么突然就这样了呢。还记得我们之前应该长这样啊。微信又改规则了代码改动好在代码改动量不是很大,基本上改动5行代码就可以完事了。下面就来教大家如何改动代码吧。1,先来看看老代码js里的老代码可以看到我们用老代码,获取的就是下面这样灰色的头像和 微信用户 这样的昵称2,认识wx.
2021-04-28 21:23:19 4912 6
原创 小程序-云函数调用
1.新建云函数右键点cloudfunctions|test–》新建Node.js云函数(haha)2.右键haha–》选择在外部终端窗口打开–》输入npm install axios --save3.新建云函数的.js文件下添加云函数入口 // 云函数入口exports.main= async(event,content)=>{ return { return:"进入云函数!" };}4.右键haha–》开启云函数本地调试5.调用云函数onLoad: fu
2021-04-28 11:53:06 552
原创 打码日常8day-html5+css3(transition)
html5+css3css3过渡(transition)动画css3过渡(transition)通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验1.transition-property: 指定要执行过渡的属性多个属性间使用,隔开如果所有属性都需要过渡,则使用all关键字大部分属性都支持过渡效果,注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡transition-property: height , width;transit
2021-01-14 09:59:47 130
原创 打码日常7day-html5+css3(html)
html5+css3学习笔记html表格表单html表格rowspan 纵向的合并单元格<td rowspan="2">D2</td>colspan 横向的合并单元格<td colspan="2">C4</td>可以将一个表格分成三个部分: 头部 thead 主体 tbody 底部 tfootth 表示头部的单元格border-spacing: 指定边框之间的距
2021-01-05 17:52:42 89
原创 打码日常6day-html5+css3(font+bg)
html5+css3css3字体相关的样式图标字体行高文本的水平和垂直居中其他文本样式css3字体相关的样式color 用来设置字体颜色font-size 字体的大小 em 相当于当前元素的一个font-size rem 相对于根元素的一个font-sizefont-family 字体族(字体的格式)可选值: serif 衬线字体 sans-serif 非衬线字体 monospace 等宽
2021-01-04 15:51:40 120
原创 打码日常5day-html5+css3(position)
html5+css3css3定位的介绍(position)相对定位绝对定位固定定位粘滞定位元素的层级css3定位的介绍(position)定位是一种更加高级的布局手段通过定位可以将元素摆放到页面的任意位置使用position属性来设置定位可选值:static 默认值,元素是静止的没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位偏移量(offset)当元素开启了
2021-01-04 15:49:22 78
原创 打码日常4day-html5+css3(float)
html5+css3css浮动的简介高度塌陷和BFCclearclearfixcss浮动的简介通过浮动可以使一个元素向其父元素的左侧右侧移动使用float来设置元素的浮动 可选值: none 默认值,元素不浮动、 left 元素向左浮动 rught 元素向右浮动注意:元素设置浮动以后,水平布局的等式将不用强行成立元素设置浮动以后,会完全从文本流脱离,不在占领文档流的位置浮动的特点
2020-12-30 08:57:04 83
原创 打码日常3day-html5+css3(layout)
html5+css3css3盒子模型盒子模型的布局displayvisibility盒子的大小css3盒子模型外边距(margin)外边距不会影响盒子可见的大小,只会影响盒子的位置元素在页面中从左向右排,默认情况下设置左、上盒子会移动,下右会移动其他元素值为负向相反方向移动边框(border)简写时无顺序要求solid 表示虚线dotted 点状虚线dashed 虚线double 双线内边距(padding)清除内容周围的东西内容(conte
2020-12-29 10:42:42 92
原创 打码日常2day--html5+css3(css)
html5+css3css3css3编写的位置css选择器1.常用选择器2.复用选择器3.关系选择器4.伪类选择器5.选择器练习超链接的伪类伪元素样式的继承选择器的权重单位css3css3编写的位置1.内联样式(行内样式)在标签内通过style属性来设置元素的样式问题:只能对一个标签生效,如果要影响到多个元素,每一个都要复制一遍修改时要一个一个修改,不方便注意:开发时绝对不能用内联样式<p style="color: cadetblue; font-size: 60px;
2020-12-28 11:57:42 240
原创 打码日常1day--html5+css3(html简介)
html5+css3学习笔记html51.网页的基本结构2.实体3.meta4.语义化标签html51.网页的基本结构-文档声明(doctype)-文档声明用来告诉浏览器当前网页的版本-html5的结构声明<!doctype html>或<!Doctype HTML>2.实体-在html中有些时候,我们不能直接写一些特殊符号-比如:多个连续的空格,字母两侧的大于小于符号 这时需要使用html中的实体(转义字符) 空格
2020-12-26 20:59:58 279 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人