CSS - 飘逸的风

当前位置：包含标签 CSS 的文章

iPhoneX top:0出现的问题解决办法

前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海，ios11顶部状态栏做了更改，更改之后，我们在iphone8中，假如设置一个固定元素，top: 0。就会出现如下情况。解决...

2017-12-20 飘逸的风 0条评论 5169人围观标签: CSS iphoneX 阅读全文
如何去除HTML5的input在type="number"时上下小箭头

在chrome下： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } Firefox下： ...

2016-11-29 飘逸的风 0条评论 3933人围观标签: CSS html5 阅读全文
CSS实现背景透明，文字不透明（兼容各浏览器）

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父元素的透明滤镜，代码如下： <...

2016-8-25 飘逸的风 0条评论 3101人围观标签: CSS 阅读全文
CSS高级选择器:nth-child()应用大全

详解CSS中:nth-child的用法前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips：还用低版本的IE浏览器的哥们请绕过！ :nth-ch...

2016-1-8 飘逸的风 2条评论 13116人围观标签: CSS 阅读全文
解决IE8及以下版本不支持CSS3的nth-child()的写法

IE8 不支持很多新特效，网站首页图文列表出现错位问题，原因是 IE8 不支持 CSS3 :nth-child() 选择器引起的，关于对此问题的解决办法，有如下两种解决方法（部分内容来源于网络）：方法一：使用 + 来硬干nth-child() 一般这样写：遇到IE7、IE8的时候这样干：或这样：参考资料：Poor man’s nth...

2016-1-5 飘逸的风 0条评论 20380人围观标签: JQuery CSS 阅读全文
让绝对定位的DIV绝对居中显示的方法

绝对居中：即在客户端上任何分辨率下纵横方向均居中紫色的正方形为绝对定位的div position:absolute; top: 50%; ...

2015-12-28 飘逸的风 0条评论 4813人围观标签: CSS 阅读全文
css3 box-sizing属性详解

写CSS样式时，使用float:left，多列用百分比设置宽度再加边框，最后一列便会跳到下一行，CSS3中，有专门的解决方法：box-sizingbox-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入wid...

2015-12-21 飘逸的风 0条评论 6846人围观标签: CSS 阅读全文
详解 CSS 属性 - 伪类和伪元素的区别

转载文章收藏：首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :fir...

2015-12-21 飘逸的风 1条评论 5019人围观标签: CSS 阅读全文
网页设计中常用的19个Web英文安全字体

在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。但多数情况下，考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写，这里整理了19个Web安全字体，让你无需任何顾虑的情况下畅快使用。1, Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很...

2015-12-7 飘逸的风 0条评论 3314人围观标签: CSS 阅读全文
让float:left的对象居中的解决办法

我们在做导航（nav）时，通常会用到float：left;但是这样做的话，让导航文本水平居中确实个麻烦事；分析如下： [float:left]有个伟大之处，它使div（或者其他标签）的宽度自适应其内容，但它却有个弊端：无法居中。 [display:inline-block]也有同样的特性，并且可以居中，但连续几个这样的东东，之间却会出现空格。为了解决这个...

2015-4-6 飘逸的风 0条评论 4503人围观标签: CSS 阅读全文