zoukankan
html css js c++ java
CSS补充
背景颜色的渐变:
background: -webkit-linear-gradient(渐变的起始位置, 颜色 位置,颜色 位置...)
/* background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%) */
前面的 webkit, moz 是表示的浏览器的前缀
浏览器前缀
-webkit- 是Google,Safari,Android Browser浏览器
-moz- 是Firefox浏览器
-o- 是Opera浏览器
-ms- 是Internet 浏览器
-khtml- 是Konqueror浏览器
图片旋转轮播(preserve-3d)
transform-style: preserve-3d
webkit的css扩展方法
盒子垂直居中的方法
1、先让盒子的上下边缘和父盒子的水平中心线重叠,然后再让子盒子往回移动自身的一半距离
2、使用表格的vertical-align: middle 实现盒子垂直居中
3、使用margin计算盒子的上下边距
盒子水平居中的方法
1、margin: 0 auto
2、margin左右边距(浏览器宽度改变不太好用)
3、先让子盒子左右边缘和父盒子垂直的中心线重叠,然后再让子盒子往回移动自身的一半距离
4、把盒子转换成行内块,使用text-align 属性使盒子水平居中
代码改变世界~
查看全文
相关阅读:
弹出框 popover.js
模态框 modal.js
关于css阴影和浮动
css文件分类
按钮效果
二级导航栏
在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理
CSS3背景定位 background-origin
什么是优雅降级和渐进增强
居中
原文地址:https://www.cnblogs.com/hxiaoman/p/14891366.html
最新文章
【转-mysql索引失效的几种情形】
【分布式消息队列-MQ】
【service调用dao层传参的三种方式】
【linux下-远程访问mysql数据库报错问题】
【msyql_获取时间的前后几天函数date_sub】
【关于使用SpringJUnit4ClassRunner单元测试报错问题】
【eclipse-js验证】
【数据结构和算法-学习笔记】
【response-下载文件步骤】
【mybatis-记录】
热门文章
51nod 算法马拉松35(A-D)
WC2019 数树
LOJ6402
AGC 036E
CF 1025 E : Expected Value Again
2019 东北四省赛 A. Apple Business
UOJ 486 在路上了
UNR #3 百鸽笼
CometOJ #6 D 另一道树题
UOJ Round48:Goodbye Wuxu C. 新年的小黄鸭
Copyright © 2011-2022 走看看