• 导航菜单

    一、纵向菜单 nav id= " nav1 " ul lia href= " # " index/a/li lia href= " # " index22/a/li lia href= " # " index33/a/li lia href= " # " index44/a/li /ul /navstyle *{margin: 0 ;padding: 0 ;} nav{margin: 150px;border: 1px solid darkcyan;width:130px;text...

    2018-06-24 01:27:40

  • css雪碧技术的用法。

    ---恢复内容开始--- 在目前前端开发阶段,页面会出现大量的小图片,服务器加载的时候比较吃力,怎么用 一种办法把图片都合并到一张图片上呢?这就用到了css雪碧技术。 雪碧技术是雪碧团队开发,也有人叫它css精灵,是一种css图像合并技术,该方法的原理是将小图片和背...

    2018-06-24 01:27:39

  • 嵌套调用less函数时参数值的变化及提取部分-遁地龙卷

    在a.less中导入base.less a.less中的代码 .animate-ripple-ink { .animation(ripple .5s linear;{100%{opacity : 0 ; .transform(scale(2.5)); } });} base.less中的代码 .animation(@value;@content) { -webkit-animation : @value ; -moz-animation : @value ; -o-an...

    2018-06-24 01:27:39

  • Grunt压缩HTML和CSS

    我的小伙伴们!我明明 在压缩图片之前发过一篇,关于Grunt压缩cCSS是和HTML的!但是不知道为什么,今天再一看 .迷之消失了! 没办法.只好今天在写一次,从头开始! 首先.我来介绍一下为什么要用构建工具.让我来一个官方的回答: 一句话:就是自动化,对于需要反复的任务,例如压缩...

    2018-06-24 01:27:37

  • html基础-a标签-img标签-绝对/相对路径(3)

    美好的星期六,今天多写一点,争取早点写js这个有点小无聊。 一、先来讲点网页之间的跳转 (1)、 a href=""/a href="这里写要跳转的网页的地址"; 【注】:起始我们的话,就是写的两个页面之间相互跳转,或直接通过网址跳转别的网页。 网页一代码:我们在里写两个网页他...

    2018-06-24 01:27:37

  • ios上-webkit-overflow-scrolling与position的bug

    如上图,.fb-box是一个大div,包含着页面上的所有元素,包括所看到的那个弹窗.dialog-img,并且设置了height:100%;-webkit-overflow-scrolling:touch; 但是这样设置,在ios上会有一个bug, 页面滚动一定的距离 后,点击了显示弹窗,再关闭的话,就会发现,弹窗的一部分还...

    2018-06-24 01:27:35

  • CSS 简单了解(二)

    我们第一天说了简单的HTML,第二天说了简单的CSS.那么今天.咱们就来说一说他们的结合如何使用吧! 首先说引用方式,和使用方法吧! 1.内部样式表.(放入head中) 1 head 2 style 3 div{4 color:red:5 } 6 /style 7 head [提示]:红色区域是样式,和元素选择器 2.内联样式表(写...

    2018-06-24 01:27:31

  • 菜鸟的HTML学习之路

    开发网站流程 确定风格、功能(论坛、留言板、支付、用户登录等)。 美工制作网页效果图(首页、列表页、内容页)。 制作人员切图排版,排成网页形式。 后台程序开始写程序。 前台与后台结合。 HTML注释 !——注释内容—— 注意:注释只是为了以后维护用。 项目符号 ul...

    2018-06-24 01:27:30

  • css+div水平居中

    实现div内容水平居中 实现方案一:margin:0 auto; div{ height:100px; width:100px; background:red; margin:0 auto; } !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlediv水平居中/title/headbodydiv/div/body/html 实现div水平居中方案二:position:absolute;绝对...

    2018-06-24 01:27:29

  • IT小鲜肉 widgets tree 三种格式数据源

    昨天完成了下面几个功能,其中最麻烦的就是做图、边学GIMP用法边做图 1.使用GIMP软件G了几个图标 2.支持一维数组数据源,并按照指定的属性对数据源中的数据进行自动分组 运行效果: 3.支持由pid和id标明父子关系的一维数组数据源 运行效果: 4.支持树结构的数据源 运行...

    2018-06-24 01:27:25

2