
css
文章平均质量分 89
asdfwxy
专注过程和结果,安心做技术;
展开
-
css注意点总结
块元素:h1 div p ul ol li 特点: 1:总是从新行开始,宽度默认100% 2:高度,宽度,内边距,外边距可以控制 3:可以容纳其他行内元素或块元素,但是文字类的块元素h1,p,ul,ol不能放入div,一般放span 行内元素:a span b strong em i 1:和相邻元素在一行 2:宽度是本身内容的宽度 3:宽,高无效 4:水平方向padding marging 可设置 5:行内元素只能容纳文本或其他行内元素,a不能容纳行内元素。 行内块: img input td 1:跟其他在原创 2021-02-19 21:41:33 · 432 阅读 · 1 评论 -
flex伸缩布局实现两边对齐,内容上下居中
1:伸缩布局内部的内容实现两边对齐,上下居中。 display:flex; justify-content:space-between; align-item:center;//上下内容居中原创 2020-05-16 07:37:22 · 1940 阅读 · 0 评论 -
浏览器兼容性问题
常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按照设计图开发的前端开...转载 2019-10-28 11:03:35 · 404 阅读 · 0 评论 -
css实现立体动画
1:给需要添加旋转效果的父盒子: perspective: ;值越大越立体。 样式名 { animation:动画名称 动画时间; @keyframes 动画名称 { 100% { transform:translateZ(100px) rotateY(360deg); } } } ...原创 2019-10-19 08:51:16 · 242 阅读 · 0 评论