css
css
kleinBlue.
当天空下坠一切变成克莱因蓝。
展开
-
解决display:flex属性 justify-content: space-between换行后的排版问题
<style>.wrap { width: 400px; display:flex; /*弹性盒子*/ justify-content: space-between; /*两端对齐,子元素之间有间隙*/ flex-flow: row wrap;/*子元素溢出父容器时换行*/}span {width: 100px;background-color: green;color:#fff;border-radius: 5px;margin-top: 10px;.原创 2021-09-28 11:43:31 · 7826 阅读 · 6 评论 -
CSS阴影效果(Box-shadow)用法趣味讲解
分享:使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧,通过它我们可以做出很多非常酷的东西。让我们来一步一步的了解box-shadow属性的基本用法,然后进一步了解::before和::after伪元素的用法。基本用法 box-shadow:2px 2px 5px #000; ...原创 2021-09-28 09:32:47 · 766 阅读 · 1 评论 -
后端的json数据在前台用ajax循环表格显示
后台的json数据在前台用ajax循环表格显示记得要引入jQuery:<script type="text/javascript"> $.ajax({ type:"get", url:"/doShowBook", dataType:"json", success:function (data) { $(data).each(原创 2021-09-20 10:55:34 · 338 阅读 · 0 评论 -
二级导航栏
css 样式为了工作和平时项目的需要,在自己工作空余时间自己写的一个 css 样式同时也是为了巩固 css 和 sass 的知识目的是为了:适应每一个项目自己重置样式,创造属于自己的 style虽然目前已有很多流行和成熟的 css 框架,如 bootstrap,Semantic UI,Pure…都有各的优点但还是决定做更加适合前端工作的 css 样式,我并没说是 css 框架,因为还需要不断更新自己在空余时间也会不断的去优化,学习和进步 @charset "UTF-8";* { mar原创 2021-09-20 10:52:52 · 241 阅读 · 0 评论 -
css3重要语法汇总
css3重要语法汇总CSS3线性渐变linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)linear-gradient(指定渐变方向, 颜色的起点,颜色的结束)文本溢出于省略标记text-overflow:ellipsis; (溢出文本显示省略号)overflow:hidden; (溢出内容为隐藏)white-space:nowrap; (强制文本在一行内显示) 文字与字体之嵌入字体@font-fa.原创 2021-09-18 13:46:04 · 74 阅读 · 0 评论 -
微信小程序轮播图
view<!-- 轮播 --><view class="banner-box"> <view class="banner"> <view class='swipercontent'> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval='2000' indicator-color="white" indicator-active-co..原创 2021-09-18 11:50:45 · 105 阅读 · 1 评论 -
微信小程序自定义用户登录弹窗
view <button class="btn" bindtap="powerDrawer" data-statu="open">立即进入</button><!--mask:弹出框--><view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view><!--content-...原创 2021-09-18 10:53:20 · 1345 阅读 · 0 评论