码迷,mamicode.com
首页 >  
搜索关键字:移动css    ( 16个结果
web前端入门到实战:css浮动的特性,与浮动带来的影响以及如何清除浮动
块元素在文档流中默认垂直排列,所以多个div从上至下依次排开如果希望块元素在页面中水平排列,可以使用float来使元素浮动,从而脱离文档流,元素脱离文档流以后,它下边的元素会立即向上移动css浮动的特性1.浮动的元素不会盖住文字,文字会自动环绕在浮动元素的周围2.元素浮动以后,会尽量向页面的左上或这是右上漂浮,直到遇到父元素的边框或者其他的浮动元素3.如果浮动元素上边是一个没有浮动的块元素,则浮动
分类:Web程序   时间:2019-11-17 13:05:14    阅读次数:120
vue组件库(四):组件功能模块划分
涉及的平台 移动端 一.公共样式 常用变量 var.scss 颜色模块 主题色、状态色、文本色、灰度色(边框和分隔线) 字体 字体、大小、行间距 2.控件 3. 三大模块 样式、有哪些控件 ...
分类:其他好文   时间:2019-01-16 16:47:13    阅读次数:165
使用CSS3的appearance属性改变元素的外观
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将 ...
分类:移动开发   时间:2018-12-05 16:27:27    阅读次数:269
css 效果之转换
在css3 中,有一个转换效果,也可以替代js,并且比 js 做得好,那就是转换,即transform 属性,只需要个这个属性加上值,就可以实现转化效果了;有三种值,平移(translate),旋转(rotate)*和缩放(scale); 1. transform:translate 初始状态: 加 ...
分类:Web程序   时间:2018-11-11 20:15:08    阅读次数:286
移动端1px边框的两种解决方案
方案一:scss 方案二:stylus ...
分类:移动开发   时间:2018-11-04 00:27:28    阅读次数:348
9.10
#CSS Hack 1.条件注释Hack <!--[if IE]> <p>IE浏览器可以识别</p> <![endif]--> <!--if lte IE 8> <p>IE8-浏览器可以识别</p> <![endif]--> <!--[if gt TE 8]> <p>大于TE8浏览器可以识别</p> ...
分类:其他好文   时间:2018-09-11 11:23:59    阅读次数:321
CSS3之转换
一、转换1.定义:改变元素在页面的形状、角度、大孝位置的一种效果。2.分类:2D转换和3D转换。2D转换:(1)位移1-1作用:改变元素在页面中的位置;1-2语法:属性--transform;取值如下:1-2-1translate(x):改变元素在X轴的位置。X取值为正,向右移动;X取值为负,向左移动;1-2-2..
分类:Web程序   时间:2017-09-08 10:15:41    阅读次数:217
鼠标指到图片上会向上移动
css样式: .anlibox{width: 1170px;position:relative; left:1.5%; top: 15%; margin:0 auto;}.anli1{width:270px;}.anli2{width:278px;}.anli3{width:322px;}.anli ...
分类:移动开发   时间:2017-08-23 11:53:41    阅读次数:184
2016-11-23
CSS3实现2D效果-旋转 变大,移动 CSS文件里面的代码↓↓ css3-2D效果.css html里面的代码↓↓↓ ...
分类:其他好文   时间:2016-11-23 23:17:32    阅读次数:208
鼠标控制图片反方向移动
css .transformBox{ transform-style: preserve-3d; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ea ...
分类:移动开发   时间:2016-10-13 13:47:28    阅读次数:215
16条   1 2 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!