• 上传网站

    网站=域名+主机空间+网页 1、域名: 购买域名:https://wanwang.aliyun.com/?spm=5176.8142029.388261.20.VHhjrl 2、空间: 付费空间: (个人站点不推荐) 免费空间: 国外的: http:// 000webhost.com 国内的: http://www. hostinger.com.hk/ 国内空间注册需备案,...

    2018-06-24 01:14:05

  • css常用的属性方法 上篇

    自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考! 尤其是跟我一样自学前端的。 背景关联 background-attachment 属性body { background-image:url(/i/eg_bg_02.gif); back...

    2018-06-24 01:13:55

  • 文字超出显示省略号

    text-overflow: ellipsis; overflow: hidden; width: 80%;//?可以 white-space: nowrap; text-align: center;...

    2018-06-24 01:13:59

  • webstorm配置编译sass的输出目录

    关于这个的问题,虽说不是很难,但还是踩了点小坑,下面就来介绍下如何使用webstorm配置编译scss的输出目录。 1.下载Ruby 2.使用Ruby安装sass gem install sass 3.检测是否安装成功。 sass -v 注意:关于sass和scss大家可以去查一下,这两个本质上的是一个东西。 前面...

    2018-06-24 01:13:59

  • [CSS] 点击事件触发的动画

    源码 https://github.com/YouXianMing/CSS-Animations/tree/master/Event 效果 细节 1) 一个完整的可回溯的动画至少包括了两种状态,以及两种状态的动画设置,还有其关键帧设置. 2) 设置的值其实只有A,B两种状态而已 3) 动画开始的时候,只设置一个状态值,而不设置状态的...

    2018-06-24 01:13:52

  • 使用canvas实现擦除效果

    w3c关于canvas的定义: HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 html代码: div class="container" canvas id="canvas" width="200" heig...

    2018-06-24 01:13:41

  • css3 felx布局

    一、Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 [css] .box1{ display } display:inline-flex;spanstyle="font-family:Arial,Helvetica,sans-serif;"/*/spanspanstyle="font-f...

    2018-06-24 01:13:46

  • 从项目需求角度,使用纯CSS方案解决垂直居中

    CSS是HTML元素的剪刀手,它极度的丰富了web页面的修饰。在众多CSS常见的样式需求中,有一奇葩式的存在【垂直居中】,因为不管是从逻辑实现方面还是从正常需求量来讲,这都没理由让这个需求在实践过程中,显的那么艰难。我们往往需要额外添加标签元素与充满hack味道的属...

    2018-06-24 01:13:43

  • javascript选项卡切换样式

    HTML代码 ul class ="touzi_xuan1" id ="qixian" li ****: / li li style ="width: 18px;" nbsp; / li li a href ="javascript:void(0);" onclick ="searchPersonZi(this);" class ="on" **** / a / li li a href ="javascript:void(0);" onclick ="searchPersonZi(th...

    2018-06-24 01:13:23

  • Bulma - 基于 Flexbox 的现代化的 CSS 框架

    Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,设计的初衷就是移动优先(Mobile First),模块化设计,可以轻松用来实现各种简单或者复制的内容布局,浏览器支持:浏览器支持:Chrome、Edge、Firefox、Internet Explorer (10+)、Opera 以及 Safari。 在线演示 免费下...

    2018-06-24 01:13:38

2