1.CSS3新特性 1)转换 [1]2D转换 二维平面移动 语法: transform:translateX(移动的距离) translateY(移动的距离); Transform:translate(水平移动距离,垂直移动距离) 可以设置负值,水平的正值是向右移动,垂直的正值是向下 ...
css 属性选择器 css 结构伪类 css 伪类 css 注意地方 css 弹性布局 分栏布局注意点 特性 响应式布局及注意点 响应式布局实例 css 伪类 结合:checked伪类实现鼠标单击切换效果 实例 css 扫光效果 css 透明边框 ...
2016-06-19 13:37 0 1624 推荐指数:
1.CSS3新特性 1)转换 [1]2D转换 二维平面移动 语法: transform:translateX(移动的距离) translateY(移动的距离); Transform:translate(水平移动距离,垂直移动距离) 可以设置负值,水平的正值是向右移动,垂直的正值是向下 ...
响应式布局 一个网站能够兼容多个终端,并且在各个终端都可以很好展示体验。 媒体类型 在何种设备或者软件上将页面打开 ...
flexbox是CSS3提出的页面布局模块。flexbox可以把列表横向或者纵向排列,并且填满可以延伸到的空间。稍微复杂的布局可以通过嵌套flex container来实现。 利用flexbox可以方便的创建弹性布局,这使得在移动设备上,可以让元素在容器内扩展和收缩,更容易的实现常见布局,如三列 ...
响应式布局 一个网站能够兼容多个终端,并且在各个终端都可以很好展示体验。 媒体类型 在何种设备或者软件上将页面打开 css: 关键字 and:连接媒体类型和媒体特性 竖屏/横屏检测的原理是通过可视区的宽度和高度之间的比例进行 ...
教程》和《CSS3弹性盒模型flexbox布局实例》,这么好的文章没有人来发现,实在是遗憾。 文章写 ...
CSS3弹性盒布局 一、总结 一句话总结: 弹性盒子主要是设置display属性为flex,用于多列布局,功能强大,操作特别简单。 1、弹性盒子常用的属性有哪些? flex-direction(盒子中item排列方向)、flex-wrap(item超出父元素是否换行 ...
以,迫于ie的坑,在pc上感觉就可以放弃这种布局方案了,但是在移动端,从安卓2.1就开始支持(需要兼容式写法), ...
一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下: 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度 ...