• Animate.css(一款有意思的CSS3动画库)

    官网:https://daneden.github.io/animate.css/ animate.css 是一款跨浏览器的动画库。 使用方式: 在页面的 head 中引入样式文件: head link rel ="stylesheet" href ="animate.min.css" / head 给你想要添加动画效果的元素加上 animated 样式,如果想要动画循环执行...

    2018-06-24 02:04:18

  • absolute

    1、独立的absolute可以摆脱overflow的限制,无论是滚动还是隐藏...

    2018-06-24 02:04:20

  • css中border制作各种形状

    css利用border制作各种形状的原理如图: 使用border绘制三角形是什么原理?事实上,宽度相等的border是以45度对接的,如下图: 没有了上border如图所示: 再设置border的宽度为0: 设置border的高度为0:如图 最后设置左右border的颜色为透明,如下图: 贴代码,做个小...

    2018-06-24 02:04:16

  • HTML标签,简单归纳

    列表标签 有序列表: olli/li/ol 无序列表: ulli/li/ul //属性:font-weight字体粗细 表格: table theadtrtd/td/tr/thead //tr行 td列 tbodytrtd/td/tr/tbody /table HTML5新标签 1.figure/figure //来画类似于照片墙的标签 eg:figure img src=""/ figcaption橘子/fi...

    2018-06-24 02:04:06

  • Web前端学习——HTML

    HTML其实还是蛮容易学习的,无非就是一些标签、格式的填写,大学的时候也做过网站设计,所以这里主要记录一些常用的HTML标签、属性以及书写方法等。 一、常见 HTM L 格式 主要包含文件type,html标签、head标签、body标签三个主题标签,其中Head主要包含字符集、描述、...

    2018-06-24 02:04:08

  • grid 布局的使用

    grid 布局的使用 css 网格布局,是一种二维布局系统。 浏览器支持情况:老旧浏览器不支持, 概念: 网格容器。元素应用dispalay:grid,它是所有网格项的父元素。 div class="container" div class="item item-1"/div div class="item item-2"/div div class="item item-3...

    2018-06-24 02:04:11

  • HTML5-前端开发很火且工资很高?

    晚上逛论坛看到一篇对从事HTML5前端开发的文章写的非常不错,和目前的市场形势差不多,然后我在其基础上给大家进行加工总结一下分享给大家.今天我们谈论的话题是为什么从事HTML5前端开发越来越火,工资高,并且还涨的快,针对这个问题进行分析分析. 俗话说的好:”没有调查,...

    2018-06-24 02:04:06

  • 元素加了position:absolute则该元素的text-align:cen

    position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); 当元素变为position:absolute时,该元素不占据文档流,text-align:center失效,则可以通过上述方法使元素...

    2018-06-24 02:04:02

  • CSS颜色表示

    你可能会疑惑为什么我们使用6位数来表示一种颜色而不是只用一位或二位,答案是使用6位数可提供给我们巨大数量的颜色变化。 会有多少种可能的颜色?16 个值(0~F)和 6 个位置意味着我们有 16 的 6 次方,或者说超过 1600 万种可能的颜色。 Hex code 遵循 red-green-blu...

    2018-06-24 02:03:56

  • H5 调用手机摄像机、相册功能

    input type="file" accept="image/*" capture="camera" input type="file" accept="video/*" capture="camcorder" input type="file" accept="audio/*" capture="microphone" accept表示打开的系统文件目录; capture表示的是系统所捕获的默认设备,camera:照相机;ca...

    2018-06-24 02:04:01

2