随笔分类 -  freeCodeCamp练习笔记

记录一些原来不熟悉的东西
Animate.css(一款有意思的CSS3动画库)
摘要：官网：https://daneden.github.io/animate.css/ animate.css 是一款跨浏览器的动画库。 使用方式： 在页面的 <head>中引入样式文件： 给你想要添加动画效果的元素加上 animated 样式，如果想要动画循环执行的话，你需要加上 infinite 样 阅读全文
posted @ 2017-12-04 20:50 cjx_work 阅读(603) 评论(0) 推荐(0)
bootstrap3中container与container_fluid的区别
摘要：.container与.container_fluid是bootstrap中的两种不同类型的外层容器，按照官方的说法，这两者的区别是： .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。 所 阅读全文
posted @ 2017-12-03 21:34 cjx_work 阅读(1045) 评论(0) 推荐(0)
在Bootstrap框架中，form-control的效果
摘要：在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴 阅读全文
posted @ 2017-12-03 21:17 cjx_work 阅读(22736) 评论(0) 推荐(5)
Font Awesome（一套很棒的图标库）
摘要：Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。 你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTM 阅读全文
posted @ 2017-12-03 20:57 cjx_work 阅读(1864) 评论(0) 推荐(0)
CSS颜色表示
摘要：你可能会疑惑为什么我们使用6位数来表示一种颜色而不是只用一位或二位，答案是使用6位数可提供给我们巨大数量的颜色变化。 会有多少种可能的颜色？16 个值（0~F）和 6 个位置意味着我们有 16 的 6 次方，或者说超过 1600 万种可能的颜色。 Hex code 遵循 red-green-blue 阅读全文
posted @ 2017-12-02 22:15 cjx_work 阅读(620) 评论(0) 推荐(0)
css !important
摘要：很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。 Hello World!是粉色的 阅读全文
posted @ 2017-12-02 22:05 cjx_work 阅读(231) 评论(0) 推荐(0)