1、console.log 使用 加%c console.log('%c Merry Christmas!!', 'color:green;background:yellow;text-shadow:2px 2px black;padding: 10px;font-size: 30px') 2、console.log 使用 加%s console.log('%c Merry %s', 'color:green;back
瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数 column-gap设置列
比如设计图盒子大小为850px*170px，由前端页面浏览器显示出来即会被子级盒子多出来2px，清除多出来2px的解决办法是 在style标签里面最上面即可 *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */火狐浏览器 -webkit-box-sizing:border-box; /* Saf
<div class="main"> <div class="view view-tenth"> <figure> <div class="thumb"><img src="http://tupian.enterdesk.com/2014/lxy/2014/04/11/2/5.jpg" /></div> <div class="mask&q
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>单击change按钮</title> <style type="text/css"> div{ text-shadow:2px 2px #ff0000; font-family:'黑体';
Element ui 虽然用起来方便，但是调整就比较麻烦了，尤其是这个table组件，一旦设定了height属性，数据多的时候就会自动出现滚动条，如果你改了其他的样式，这个滚动条就是十分难看，可以用下面的代码隐藏或修改滚动条样式 .el-table__body-wrapper::-webkit-scrollbar{ /*width
1.html代码 1 <div class="demo demo1">假如生活欺骗了你</div>2 <div class="demo demo2">假如生活欺骗了你</div>3 <div class="demo demo3">假如生活欺骗了你</div>4 <div class="demo demo4">假如生活欺骗了你</di
<script> function runSlots() { var slotOne; var slotTwo; var slotThree; var images = ["https://www.w3cschool.cn/statics/codecamp/images/9H17QFk.png", "https://www.w3cschool.cn/statics/codecamp/images/9RmpXTy.png", "https://
题目链接：洛谷 题目描述：求整数$x\in [a,b]$使得$|2px \ mod \ 2q-q|$最小，如果有多个$x$输出最小的。 数据范围：$1\leq a,b,p,q\leq 10^9$ 第一道类欧的不是模板的题？？ 首先一看就尝试一下二分，如何判断$2px \ mod \ 2q \in [l,r]$呢？我们发现 $$[2px \ mod \ 2q \in [l,r]]=\lfloor\frac
美化文本 第一部分 1．字体大小【font-size】：含义：字符框的高度，可继承，默认值：medium；取值：预设值【了解】{medium：中等字号，larger：大字号，smaller：小字号}，数值{px【常用】：绝对字体大小，em【常用】：相对于父元素的字体大小，若没有父元素，则使用基准字号“基准字号：浏览器设置的默认字体大小，通常
css的box-shadow是用来添加边框阴影效果的。 属性值详解： 1、inset 可选值，默认阴影在盒子外 使用inset后，阴影在盒子内，即使指定边框或者透明边框，阴影依然存在。 2、 这是头两个 值，用来设置阴影偏移量。offset-x为设置阴影的水平位移，假如是负值，那么阴影在边框的左侧；offset-y设置阴影
制作以上这种，从中间向两边渐变的border div{border-bottom: 1px solid #ddd;border-image: -webkit-radial-gradient(#BFBFBF,#fff) 30 30;} 自定义对勾，input的单选多选 .label:after {content:"";position:absolute;left:2px;top:2px;width:9px;height:4px;border:2px solid
在介绍居中方式之前，简单介绍一下行内元素和块级元素。 行内元素 和其他元素都在同一行 高，行高及外边距和内边距部分可以改变 宽度只与内容有关 行内元素只能容纳文本或者其他行内元素 常用内联元素：a,img,input,lable,select,span,textarea,font 块级元素 总是在新行上开始，占据一
作者：Sara Cope 1 p {2 text-shadow: 1px 1px 1px #000;3 } 你可以通过逗号“,”应用多个文本阴影。 1 p {2 text-shadow: 1px 1px 1px #000,3 3px 3px 5px blue;4 } 前两个值指定了阴影偏移的
写在前：想添加一个属性，向data中的、某个数组中、已存在的对象中。 第一步：静态页面使用wx:for 循环数据（本例中使用假数据） <block wx:for="{{timearr}}"> <view class="timeterm row"> <view class="borderbg {{item.timecolor}}">{{item.timename}}</view> <
Demo1: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>图片包裹测试A</title> 6 <style type="text/css"> 7 .outerbox { 8 background-color: white; 9 padding: 5px;10 b
目录 文字颜色 行间距 水平居中 首行缩进 控制字间距 字符间距 字间距与字符间距的区别 半透明（css3） 文字阴影（css3） 10.艺术字（css3） 本篇文章将为大家讲一下修饰前面学的文字样式的一些辅助样式。 文字颜色 之前学的文本都是按照文字默认格式
zhengshize 动画的CSS： // fire@keyframes fireDiv { 0% { text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; } 25% { text-shadow: 0 0 4px white, 2px -7px 6px #ff3, 2px -12px 8px #fd3,
怎么用CSS画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗 网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题 假设我们做一个向下的三角形箭头 常见的方法大致有两种 1.通过边框控制, border-left和border-right设为透明, border-top设为预定的颜色即可 2.通
首先做出笑话展示页面 1.修改app.json文件，在"pages"中添加一条 "pages/joke/joke",然后ctrl+s就可以自动创建joke文件夹，以及其中必须的三个文件，joke.js joke.json joke.wxml joke.wxss 2.在joke.wxml中写好需要显示的文字，并为其确认一个类 <view class="jo
<span class="dotting"></span> css 样式控制 .dotting{ display: inline-block; min-width: 2px; min-height: 2px; box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9+, ..., 3个点 */ ani
