随笔分类 -  CSS3

1 2 下一页
强大的CSS不只是改变布局样式的，CSS3的动画也非常绚丽
移动端meta整理
摘要：来自：http://yj1438.github.io 阅读全文
posted @ 2017-11-30 17:20 逗伴不是瓣 阅读(366) 评论(0) 推荐(0)
什么是WebPack，为什么要使用它？
摘要：注：一、摘要说明(会不定期更新)： A：这里是webpack1.0+，2.0+请移步这里(已经配置好的简单脚手架) https://github.com/jiucheng-front/dev-webpack B：webpack2.0+案例：1 豆瓣热映电影 C：react+webpack3.0+(开 阅读全文
posted @ 2016-11-09 13:55 逗伴不是瓣 阅读(237091) 评论(12) 推荐(19)
javascript的列表切换
摘要：演示地址：http://wjf444128852.github.io/demo/Carousel/index.html IE兼容性没处理，确切的说不太会，还望指点一二 思路： 1、js获取要给定点击事件的按钮组对象，如btns=document.xxx(),遍历过程绑定事件之前先取得当前对象的下标e 阅读全文
posted @ 2016-05-02 08:59 逗伴不是瓣 阅读(1149) 评论(0) 推荐(0)
javascript实现下雪效果
摘要：原理: 1、js动态创建DIV,指定CLASS类设置不同的背景图样式显示不同的雪花效果。 2、js获取创建的DIV并改变其top属性值，当下落的高度大于屏幕高后删除该移动div 3、好像不够完善勿喷 效果预览:http://wjf444128852.github.io/demo02/snow/ind 阅读全文
posted @ 2016-04-24 18:08 逗伴不是瓣 阅读(4908) 评论(1) 推荐(0)
CSS3的自定义动画帧
摘要：CSS3新增的动画帧非常绚丽，可以简单实现一些动画效果，目前除IE外各大主流浏览器都支持 本文演示三个：transform: scale3d(x, y, z)-缩放;、transform: translate3d(x, y, z)-位移;、transform:rotateX/Y(?deg)-旋转; 阅读全文
posted @ 2016-04-23 22:39 逗伴不是瓣 阅读(1487) 评论(0) 推荐(0)
border-radius如何兼容IE
摘要：目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。 解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc); ie-css3.htc问价下载地址：http://pan.b 阅读全文
posted @ 2016-04-19 14:25 逗伴不是瓣 阅读(3302) 评论(0) 推荐(0)
SVN版本控制系统学习(中文配置)
摘要：先吐槽下往上搜索的一些SVN下载地址，里面乱七八糟啥都有，下载好后点击安装一不注意啥玩意都安装上了， 什么玩意都有，真心不明白这些推送者是怎么想的。搜集了一个WIN32的百度网盘下载地址： http://pan.baidu.com/s/1pLqvZgn 里面有中文安装包，解压后先安装这个Tortoi 阅读全文
posted @ 2016-03-31 19:03 逗伴不是瓣 阅读(563) 评论(0) 推荐(0)
Git分布式版本控制学习
摘要：git和SVN都是版本控制系统。git是命令行操作，不喜欢的就算了，看完如果有身体不适还请及时就医~ git WIN32百度网盘下载地址:http://pan.baidu.com/s/1c1AeY9y 不是很熟悉，参照：http://blog.jobbole.com/78960/ 这个网站学习了下， 阅读全文
posted @ 2016-03-31 18:38 逗伴不是瓣 阅读(584) 评论(0) 推荐(0)
关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js
摘要：网上看过很多配置思路，自己总结了以下， 就把我个人配置的顺序以及材料分享下，webstrom以下简称WB 1、配置less需要安装nodejs,自行安装。因为要用到npm.我是直接把npm解压到C盘根目录的，先下载解压好待用 npm解压包百度云下载地址:http://pan.baidu.com/s/ 阅读全文
posted @ 2016-03-30 18:07 逗伴不是瓣 阅读(2158) 评论(5) 推荐(0)
jQuery实现选项联动轮播
摘要：CSS JS 定义变量和定时器，变量等价于eq(index)中index,自动轮播是可以的，关键在于，鼠标进入选项卡区域时候，怎么对应想要的轮播画面， 方法：停止定时器，获取当前选项卡下标，匹配对应的轮播画面显示出来。   阅读全文
posted @ 2016-03-15 16:28 逗伴不是瓣 阅读(1005) 评论(0) 推荐(0)
CSS3中DIV水平垂直居中-2(3)
摘要：用到CSS3中display的新属性。 HTML CSS 还有一种关于table的方法不常用。这三种都长用到！ 阅读全文
posted @ 2016-03-15 13:29 逗伴不是瓣 阅读(927) 评论(0) 推荐(0)
CSS实现DIV水平 垂直居中-1
摘要：水平大家都知道，一般固定宽度给个margin:0 auto；就可以了。下面实现水平垂直都居中 HTML css 都居中了。也可以把margin-top:-200;换为CSS3新属性:transform:translateY(-50%); 阅读全文
posted @ 2016-03-15 13:18 逗伴不是瓣 阅读(411) 评论(0) 推荐(0)
使用AngularJS实现简单:全选和取消全选功能
摘要：这里用到AngularJS四大特性之二----双向数据绑定注意：没写一行DOM代码！这就是ng的优点，bootstrap.css为了布局，JS代码也只是简单创建ng模块和ng控制器效果： 全选/取消全选 全选和取消全选 选择 姓名 操作 ... 阅读全文
posted @ 2015-12-07 23:06 逗伴不是瓣 阅读(3728) 评论(0) 推荐(0)
canvas绘制经典折线图(一)
摘要：最终效果图如下：实现步骤如下：注-引用了jQueryHTML代码 canvas绘制折线图 JS代码：即HTML中引用的外部JS文件/** * Created by walker on 2015/11/26. * 定义recor... 阅读全文
posted @ 2015-12-06 00:33 逗伴不是瓣 阅读(6386) 评论(0) 推荐(2)
前端总结
摘要：jQuery是一个JS函数库，操作思路仍然是DOM操作思路：先查找元素，再操作元素。jQueryUI是一个HTML组件库，简化了HTML/CSS的编写。Bootstrap是一个CSS框架，主要提供了响应式布局、HTML组件、CSSReset。AngularJS是一个JS框架，彻底颠覆了传统的DOM操... 阅读全文
posted @ 2015-12-05 23:48 逗伴不是瓣 阅读(442) 评论(0) 推荐(0)
PHP语法
摘要：* PHP语法 * 常量与变量 * 常量 - 一旦定义并初始化后,值不会改变 * 使用const关键字 const 常量名=常量值 * define(常量名,常量值) * 变量 - "$"符号只是表示当前定义的是变量 ... 阅读全文
posted @ 2015-12-05 23:39 逗伴不是瓣 阅读(303) 评论(0) 推荐(0)
Bootstrap组件之响应式导航条
摘要：响应式导航条：在PC和平板中默认要显示所有的内容；但在手机中导航条中默认只显示“LOGO/Brand”，以及一个“菜单折叠展开按钮”，只有单击折叠按钮后才显示所有的菜单项。基础class：.navbar1、Bootstrap中导航条的按位置： 1)顶部导航条 2)底部导航条 Bootstrap... 阅读全文
posted @ 2015-12-05 23:29 逗伴不是瓣 阅读(3628) 评论(0) 推荐(0)
Boostrap全局CSS样式
摘要：1、Bootstrap提供的CSSReset*{box-sizing:border-box;}body{font...;color:#333;background:...;margin:0;}h1{font-size:;margin-top:20px;margin-bottom:10px;}h2{f... 阅读全文
posted @ 2015-12-05 23:20 逗伴不是瓣 阅读(691) 评论(0) 推荐(0)
CSS中越界问题经典解决方案
摘要：8.CSS相关知识(1)如何解决父元素的第一个子元素的margin-top越界问题 1)为父元素加border-top:1px;——有副作用 2)为父元素指定padding-top:1px;——有副作用 3)为父元素指定overflow:hidden;——有副作用 4)为父元素添加前置内容生... 阅读全文
posted @ 2015-12-05 23:08 逗伴不是瓣 阅读(1483) 评论(0) 推荐(1)
Bootstrap栅格布局系统的特点
摘要：栅格布局系统的特点：(1)所有的行必须放在容器中：.container或.container-fluid(2)分为多行(row)，一行中平均分为12列(col)(3)网页内容只能放在列(col)中，不能直接放在行(row)(4)可以在col中再嵌套row(5)col分为四大类：col-xscol-s... 阅读全文
posted @ 2015-12-05 23:04 逗伴不是瓣 阅读(1798) 评论(0) 推荐(0)

1 2 下一页