
CSS
爪哇犀牛
这个作者很懒,什么都没留下…
展开
-
阿里icon使用fontclass
1.百度阿里专业icon也可以直接点击,进入2.搜索自己需要的icon加入购物车 3.然后将icon添加至以创建的项目方便后续更细(添加前需要登陆github或者微博)4.选择好之后会跳转至该页面,下载至本地即可5.下载后可以看到下图文件,复制图中所示的5个文件到新建的font文件夹下6.其实这个解压后的文件非常全,可以模仿他的写法去写自己要的模式,这里用f...原创 2018-05-10 16:43:53 · 3709 阅读 · 0 评论 -
HTML 高度不祥的情况下自动水平垂直居中
内容比较简单就不说太多废话了,我们先看下效果图,如果不是自己需要的可以直接跳过效果图缩放前缩放后html部分<!DOCTYPE html><html><head> <meta charset="utf-8" content="text/html"> <title></title>&原创 2018-05-17 20:32:16 · 467 阅读 · 0 评论 -
CSS属性(一)之outline属性
outline属性表示轮廓具体位置如下图所示(位于经典盒子模型的border和margin之间):和其他属性一样可以通过outline一次性设置所有的轮廓属性,也可以通过他旗下的几个属性对轮廓进行设置,具体详情如下图这里主要对outline-style进行注释具体英文读音可以直接单击单词outline-style参数值:none:无dotted:点式dashed:虚线solid:实线double:...原创 2018-05-24 17:03:28 · 1454 阅读 · 0 评论 -
div绘制各种三角形
先来看看应用场景效果图作用:悬浮左侧菜单栏时对该菜单进行简介demo代码:html:<div class="float-flag" style="top: 15px; opacity: 0; display: none;"> <div class="float-flag-shape"></div> <div cla原创 2018-07-30 17:24:10 · 11309 阅读 · 1 评论 -
CSS选择器之:first-child,:last-child
定义:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。提示:p:last-child 等同于 p:nth-first-child(1)。:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。提示:p:last-child 等同于 p:nth-last-child(1)。直接看定义稍微有点绕,定义中最关键的就是属于其父元素。如果不能...原创 2018-08-24 16:48:34 · 3661 阅读 · 0 评论 -
requireJs快速上手
简介require.js的主要作用是模块化,规范化js,作为JavaScript脚本加载器,遵循AMD规范; require.js中提供了优化器可以优化页面中的js脚本和css文件,以提高页面响应速度,减少http请求次数; 可以通过引入一个<script src='require.js' data-main='main.js'></script>加载整个页面;A...原创 2018-08-24 14:29:33 · 339 阅读 · 0 评论