css教程
-
css变量是什么意思?
CSS变量又称CSS自定义属性,通过在css中自定义属性--var与函数var()组成,var()用于引用自定义属性。谈到为何会在CSS中使用变量,以下使用一个示例讲述。 :root { --c-color: orange; } .title { back...
-
iOS和安卓下相同font-size显示字体大小不一致的解决办法
iOS和安卓下相同font-size显示字体大小不一致的解决办法 因:因为webkit内核的浏览器会根据容器的宽来做“适应”的字体大小的计算。 移动端我们建议使用自适应rem字体单位。 使用全...
-
手机百度浏览器底部fixed悬浮框屏蔽,出来一会自动消失了
有的时候经常需要在页面的底部做一个悬浮框,进行电话咨询什么,留电什么的,但是发现在手机百度浏览器中,进去页面一会就消失了。...
-
CSS3实现圆圈动态发光特效动画
CSS3 的animation它共有8个属性:animation-name 规定 @keyframes 动画的名称。...
-
导航条纯CSS做hover离开后的平滑过渡动画
把hover的过渡css也在原来样式里写一份即可。这里要特别注意一点,transition的第一个变换属性如果要写,一定要写all,或者省略默认是all。比如下面例子是变换width,如果写transition: width 0.3s; hover离开时动画就不会生效。...
-
HTML5中input输入框默认提示文字向左向右移动的示例代码
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 <style> * { margin: 0; padding: 0; } .sousuo { width: 458px; height: 34p...
-
flex布局与position:absolute/fixed的冲突问题解决
之前笔者在开发项目的过程中就遇到了这个坑,flex布局与position:absolute/fixed的冲突问题。后来想到了解决办法,今天就与大家一起交流一下: 项目实战: 我们现在想做一个头部的导航栏,...
-
使用css实现优雅的垂直居中(推荐)
前言 css水平垂直居中的方法有很多,本文给大家介绍的方法非常的全面详细,分享出来供大家参考学习,下面来一起看看详细的介绍吧。 "44年前我们就把人类送上月球了,但现在我们...
-
css3实现优惠券样式效果
本文将带你实现背景色和自身(优惠券)的颜色会改变,实现向内凹的圆效果的优惠券实现。另外还补充了其他几种优惠券样式供大家参考。...
-
css命名规范之BEM命名规则
BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确...
-
为什么height:100%不起作用?
这个知识不算冷门的,但是用的时候可能还是会有些懵逼,不能生效时搜一搜就能找到答案了,但是你真的懂了吗?为什么想要设置一个全屏元素的时候,高度不受%的控制?...
-
css隐藏.溢出文字..的实现
CSS设置溢出的文字隐藏的解决办法,css实现文本隐藏需要用到 word-break,white-space,text-overflow 三个属性 ...
-
解决chrom浏览器input密码框自动填充
如果是同域名网站,并且曾经在该网站下登录过账号密码,并且选择了记住账号密码。chrome浏览器会对账号密码进行自动填充功能,虽然这功能给我们提供了很多方便,但是也带来了些困扰。...
-
CSS3 calc()函数的用法
CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。...
友情链接