Css
Corey_Mxd
这个作者很懒,什么都没留下…
展开
-
css水平垂直居中解决方法
css居中方案是一个老生常谈的问题,主要包括水平居中和垂直居中,水平居中大家用的比较多,最常用的莫过于margin:0 auto方案了,而垂直居中,很多时候会让很多新手头疼。常用居中方案(水平) margin:0 auto解决方案 (水平居中) 适用于已经知道宽度,并且其父级宽度不为0的元素水平居中。 <!-- html --> <div class="...转载 2018-11-22 10:14:23 · 157 阅读 · 0 评论 -
利用css隐藏元素的几种方式
面试题 请列举几种隐藏元素的方法 visibility: hidden; 这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在 opacity: 0; CSS3属性,设置0可以使一个元素完全透明 position: absolute; 设置一个很大的 left 负值定位,使元素定位在可见区域之外 display: none; 元素会变得不可见,并且不会再占...转载 2018-11-23 11:01:04 · 1358 阅读 · 0 评论 -
外边距重叠-css冷知识
外边距重叠就是 margin-collapse。相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。 这种合并外边距的方式被称为折叠,结合而成的外边距称为折叠外边距折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值 两个外边距一正一负时,折...转载 2018-11-29 09:37:52 · 623 阅读 · 0 评论 -
利用CSS改变图片颜色的100种方法!
原创: 前端指南前言“说到对图片进行处理,我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者,我们经常会需要处理一些特效,例如根据不同的状态,让图标显示不同的颜色。或者是hover的时候,对图片的对比度,阴影进行处理。” 本文略长,请耐心阅读你以为这些是经过PS软件处理出来的?不不不,纯粹的是用css写出来的,很神奇把。 强大的 CSS:filt...转载 2018-11-29 11:07:48 · 3673 阅读 · 0 评论 -
CSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框
在网页中,经常会用到各种Icon,如果老是麻烦设计狮画出来不免有些不好意思,所以有时候我们也可以用CSS写出各种简单的形状,一来可以减轻他们的负担,二来也可以使用CSS替代图片,提高加载速度。在网页中,结合CSS能画出来的最基本的形状就是矩形,所以,我们可以在矩形的基础上做出各种变换,得到很多不同的形状。这次的分享主要用到圆角、边框、定位等知识点(鉴于IE9以上才支持圆角,暂时不考虑兼容问...转载 2018-11-30 17:33:40 · 2474 阅读 · 1 评论 -
Flex 布局详解
转自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html作者: 阮一峰网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了...转载 2018-12-06 10:07:40 · 205 阅读 · 0 评论 -
Flex 布局:实例篇
转自:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html作者: 阮一峰介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved...转载 2018-12-06 10:44:13 · 296 阅读 · 0 评论