![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
w_y_d123456
奇迹见证者
展开
-
transform及animation属性及应用
CSS3 tranform的含义是:改变,使变形,转换。 transform的属性包括:rotate(旋转deg)/skew(倾斜deg) /scale(比例) /translate(位移px) .分别还有x,y之分。例子:.demo_transform5{-webkit-transition:all1s ease-in-out;-moz-transition:all1s e原创 2017-03-18 13:02:44 · 364 阅读 · 0 评论 -
transitiion过渡属性
transition过渡属性是指,当css样式属性发生变化的时候,中间有一个变化的过程,该属性就是为了描述这个过程在呢么变化的。例子:[html] view plain copyprint?#div1{ width: 200px; height: 200px; background-color原创 2017-03-12 10:39:56 · 645 阅读 · 0 评论 -
css清除浮动
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。引用W3C的例子,news容器没有包围浮动的元素.n转载 2017-03-13 10:58:12 · 365 阅读 · 0 评论 -
box-size 属性
css3 box-sizing属性box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内border-box,border和padding计算入width之内,其实就是怪异模原创 2017-03-14 15:12:27 · 1731 阅读 · 0 评论 -
响应式布局控件FlexboxLayout 盒子模型
开发过前端的都知道,Flexbox是CSS的一种强大的布局方案。然后Google根据Flexbox推出了自家的FlexboxLayout。先来看下效果图 FlexboxLayout是一个父容器控件,比Linearlayout和RelativeLayout各有优缺点使用方式:引入flexboxcompile 'com.google.android:flexbox:转载 2017-03-15 09:54:57 · 516 阅读 · 0 评论 -
浮动float与clear
浮动( Float )概述浮动和文字环绕浮动框就是一个框在当前行被向左或向右挪动(偏移),它不在常规流中,浮动框由浮动元素的框组成。 浮动框( 'float', 'floated' or 'floating' box )最有趣的特性是内容(Line Box)可以沿着它的边缘渲染(设置 'clear' 属性禁止此特性 )。 内容排列在沿着左浮动框的右边排列,而沿着右浮动框的左边排转载 2017-03-14 13:23:36 · 342 阅读 · 0 评论