• 浅谈angularJs

    在家都知道,angular 可以实现双项数据绑定,其中它的占位符是{{}},他是是MVC数据分离, 首先要在html或body中建一个 body ng-app= "" p 我的第一个表达式: {{ 5 + 5}} /p /body ng-app 指令用于告诉 AngularJS 应用当前这个元素是根元素。 所有 AngularJS 应用都必须要...

    2018-06-24 00:25:41

  • 【CSS】过渡、动画和变换

    1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Example / title style type ="...

    2018-06-24 00:25:42

  • less

    1 使用 @ 定义变量 2 变量可以做运算 3 4 @color : #000; 5 @width : 1000px; 6 7 使用 表示当前类 8 .box{ 9 :hover{ 10 color : #000; 11 } 12 } 13 14 css 可以嵌套 15 16 ul{ 17 display : block; 18 li{ 19 float : left; 20 a{ 21 font-size : 18px; 22 } 23 } 2...

    2018-06-24 00:25:34

  • CSS清除浮动

    今天看到一篇文章关于清除浮动的,突然间脑袋短路了,咦?为什么要清除浮动?原谅我的无知,搜了下原来是这样,又倒腾出原来的笔记,唉,本来就有记录啊,而且也会经常用到,用的久了连原理都忘了。恩,防止自己再犯同样的错误,我还是自己总结整理出来吧!话不多说,...

    2018-06-24 00:25:31

  • 走进SVG

    什么是SVG?也许现在很多人都听说过SVG的人比较多,但不一定了解什么是SVG: SVG(Scalable Vector Graphics 一大串看不懂的英文 )可伸缩矢量图形,它是用XML格式来定义用于网络的基于矢量的图形,而它的特点就是图像在放大或改变尺寸的情况下其图形质量不会有所损失,...

    2018-06-24 00:25:26

  • css中元素居中总结

    很多时候,我们需要让元素居中显示:1. 一段文本的水平居中,2. 一张图片的水平居中,3. 一个块级元素的水平居中;4. 单行文本的竖直居中,5. 不确定高度的一段文本竖直居中,6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过...

    2018-06-24 00:25:22

  • CSS实现垂直居中的方法

    1.把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align 属性 div class ='wrapper' div class ='content' 我是内容 / div / div .wrapper { display : table ; width : 100px ; height : 100px ; } .content { display : table-cell ; vertical-a...

    2018-06-24 00:25:20

  • 谈谈一些有趣的CSS题目(六)-- 全兼容的多列均匀布局

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不...

    2018-06-24 00:25:15

  • 谈谈一些有趣的CSS题目(五)-- 单行居中,两行居左,

    开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不...

    2018-06-24 00:25:10

  • 你所不知道的z-index的用法

    在开始今天的内容之前,先让我们来看下面一段代码: style type="text/css" #div1,#div2{ width:200px; height:200px; background-color:red; position: relative; z-index:1; } #div2{ background-color:green; z-index:0; } #div1_1,#div2_1{ width:100px; height:10...

    2018-06-24 00:25:12

2