摘要：
input的事件： @input=“usernameInput()” 监听输入事件 @keyup.native=“userNameKeyup($event)” 监听键盘事件 @paste.native=“usernamePaste” 监听粘贴事件 @blur=“blurUsername()” 监听失 阅读全文
posted @ 2022-09-06 10:18
huangchun0121
阅读(395)
评论(0)
推荐(0)
摘要：
html代码： <div class="panel"> <!--公共盒子--> <div class="panel-foot"> </div> </div> CSS代码： .panel { <!--父框架--> position: relative; height: 3.875rem; border 阅读全文
posted @ 2022-09-06 10:12
huangchun0121
阅读(631)
评论(0)
推荐(0)
摘要：
transform属性： scale(number)：等比例方大number倍。课用于导航栏鼠标悬浮在导航项上时使得导航项等比方大。 rotate(*deg):旋转。360deg=1turn=400grad。 skew(*deg):倾斜。 translate（X,Y）:移动。 transform-o 阅读全文
posted @ 2022-09-06 09:47
huangchun0121
阅读(63)
评论(0)
推荐(0)
摘要：
table直接加边效果： table,table td{ border: 1px solid #000; } table td{ padding: 10px 30px; } table单边效果： table { width: 200px; border-top: 1px solid #999; bo 阅读全文
posted @ 2022-09-06 09:42
huangchun0121
阅读(367)
评论(0)
推荐(0)
摘要：
CSS实现一个旋转的加载页面 静态效果图： html代码： <body> <div class="loading"> <span>loading.....</span> </div> </body> CSS代码： <style> body{ margin: 0; padding: 0; height 阅读全文
posted @ 2022-09-06 09:38
huangchun0121
阅读(1685)
评论(0)
推荐(0)
摘要：
实现效果： position:absolute; display: block;//不占据地方 width: 100%; height: 575px; background-color: orangered; transform-origin:0 0 ;//使得倾斜点为右上角 transform: 阅读全文
posted @ 2022-09-06 09:35
huangchun0121
阅读(118)
评论(0)
推荐(0)
摘要：
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。 常用例子 子元素在容器中心位置（垂直居中、水平居中） display 阅读全文
posted @ 2022-09-06 09:30
huangchun0121
阅读(609)
评论(0)
推荐(0)
浙公网安备 33010602011771号