• canvas背景效果

    canvas背景效果: !DOCTYPE htmlhtmlhead meta charset= " UTF-8 " title/title/headbodycanvas id= " canvas " width= " 800 " height= " 800 " /canvas/bodyscript let canvas = document.getElementById( ' canvas ' ); let ctx = canvas.getContext( ' 2d ' ); let...

    2018-06-24 01:44:45

  • 【css】垂直居中的几种写法

    结构 div class ="vam" div class ="vam-body" 垂直居中 / div / div div class ="vam2" span class ="vam2-hack" / span div class ="vam-body" 垂直居中 / div / div 样式 .vam,.vam2 { width : 300px ; height : 300px ; margin : 100px auto ; border : 1px solid...

    2018-06-24 01:44:50

  • 前端面试题(一)

    一个朋友在一家公司面试的题目 (准确说是培训公司) ,面试题目比较简单。 以下答案纯属个人意见 (有错处麻烦指教) 选择题: 1) 'abcdefg'.substring(4)的结果是() A:def B:abc C:bcd D:efg 2) a=[1,2,3]; b=a; a.push(4); b.push(5); a,b分别是多少() A...

    2018-06-24 01:44:24

  • CSS多行文本垂直居中

    今天需要将文本垂直居中,就是一行是垂直居中,多行也是垂直居中。 效果如下 实现代码(同事提供) ! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title / title style .listDiv { display : flex ; width : 300px ; height : 60px ; padding : 10px ; b...

    2018-06-24 01:44:17

  • 前端开发之css篇

    一、css简介 css(Cascading Style Sheets)层叠样式表,是一种为html文档添加样式的语言,主要有两个功能:渲染和布局。使用css主要关注两个点:查找到标签,属性操作 二、css的引入方式 (1)行内式引入: div style ="color:red;font-size: 16px" hello / div 直接...

    2018-06-24 01:44:31

  • font_awesome的icon库的使用

    1.使用cdn引入font_awesome图标库的css文件 例如:index.htm html head titlefont_awesome test/title link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/ /head body i class="fa fa-500px"/i /body /html 或者先下载fo...

    2018-06-24 01:44:27

  • CSS实现DIV从隐藏到展示的过渡效果

    CSS中有很多功能强大的方法,其中过渡属性transition就很牛叉。你不用写一行JavaScript代码,随便写点css就可以实现一个动画效果。下面结合我在W3C网站上看到的实例,举个栗子说明下(⊙o⊙)… 鼠标碰我(*^__^*) 上面是一个过渡动画的demo,效果是不是很帅啊! 1 style...

    2018-06-24 01:44:17

  • 用CSS3来代替JS实现交互

    【CSS3和JS】 对于CSS了解的同学都知道,CSS的实现是最底层的,在实现方式和性能上都不是,JS这种提供接口的脚本可比的;从CSS3的动画和JS动画对比角度来看两者,会更清晰;而且随着前端框架的使用,页面动画会越来越多的应用CSS3 【CSS3的其他用法】 除了动画的代替,...

    2018-06-24 01:44:15

  • div+css 制作表格

    div class ="table" h2 class ="table-caption" 花名册: / h2 div class ="table-column-group" div class ="table-column" / div div class ="table-column" / div div class ="table-column" / div / div div class ="table-header-group" ul class ="table-row" li...

    2018-06-24 01:44:06

  • 如何简单方便的用字体代替页面中常见常用的小图标小按

    一、前言 今天要学习的内容:今天主要是稍微总结一下,页面中如何用字体代替图片,省事,省时,方便,实用! 小苏啰嗦:人都是有惰性的。真的。刚开始我们有一个经验丰富的美工,加上我们关系又非常好,以至于每次我都是等着她把设计图给我,我才开始码html。遇到图片...

    2018-06-24 01:44:06

2