异步适应屏幕宽度的正方形图片防抖设置

当一个正方形的图片,要适配各种手机的宽的的时候,由于是异步获取的图片,所以会存在抖动问题。 css设置 .image-header { position: relative; width: 100%; height: 0; padding-to...

2019-06-06 16:17:12

阅读数 15

评论数 0

细线表格

<table border="1" cellspacing="0" bordercolor="#000000" width = "80%" style="border-collapse:coll...

2019-05-24 10:21:30

阅读数 33

评论数 0

sticky footer布局

到页面内容铺不满页面时候,下方div始终定在下面; 当页面内容多余一屏的时候,下方的div会被顶到下面去 <div id="main"> <div class="main_top clearfix&qu...

2019-05-16 10:59:20

阅读数 63

评论数 0

怎么在手机端是实现1px的边框

单边像素边 .scale-1px { position: relative; border: none; } .scale-1px:after { content: ""; position: absolute; bottom: 0; /*...

2019-05-15 11:26:56

阅读数 51

评论数 0

纯c3实现动态省略号

<style> .loading { font-family: simsun; } :root .loading { display: inline-block; width: 1.5em; ver...

2019-04-04 10:26:24

阅读数 23

评论数 0

nth-child选择器

:nth-child(2)选取第几个标签,“2可以是你想要的数字” .demo01 li:nth-child(2){background:#090} :nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同 .demo01 li:nth-child(n+4){backgr...

2018-12-17 15:20:03

阅读数 41

评论数 0

css3—background

background-size(改变北京图片的尺寸) background-size: 宽 高; background-size:cover; /*让背景图按照盒子的最大值进行塞满*/ background-size: contain; /*在盒子中必须显示完整的一张背景图*/ backgr...

2018-09-14 16:37:13

阅读数 35

评论数 0

HTML5-视频音频播放

<video src="xxx"> <source src="xxxx"> <source src...

2018-09-14 14:45:10

阅读数 27

评论数 0

弹性布局-02

为其下的子元素设置的属性:order:定义项目的排列顺序,数值越小,排列越靠前,默认为0;flex-grow:项目的放大比例,默认为0;即如果存在剩余空间也不放大...

2018-06-19 16:49:23

阅读数 58

评论数 0

弹性布局-01

(1)任何一个盒子都可以指定为flex布局    display:flex;(2)行内元素也可以使用flex布局    display:inline-flex;(3)webkit内核的浏览器必须加上-webkit前缀    display:-webkit-flex;!!!注意!!!:    设置为...

2018-06-19 15:36:04

阅读数 63

评论数 0

过渡

.box { width: 100px; height: 100px; background: #aaa; transition: width 2s linear 1s; } /*鼠标滑上box盒子上1s后执行,在2秒内让其宽度从100px匀速变成300px*/ ....

2018-06-19 11:58:03

阅读数 127

评论数 0

2D/3D的变化与转换

translate、rotate、scale

2018-06-19 11:29:57

阅读数 307

评论数 0

背景色渐变

线性重复渐变: background-image:-webkit-repeating-linear-gradient(43deg,red 0,red 10px); 径向重复渐变: background:-webkit-repeating-radial-gradient(50%,#f...

2018-06-19 10:21:32

阅读数 96

评论数 0

表单项 —【input的required属性】

<input type="text" required> 此属性为让此文本框变成必选项,有些浏览器不能正常显示

2018-05-21 17:34:20

阅读数 492

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭