前端开发

18Aug

css如何背景图充满整个屏幕详解最新评论...

想让整个界面有一个背景图片，自然想到的是在body上加background，代码如下： body { width：100%； height: 100%; /* 加载背景图 */ background: url("../static/images/index/backImg.jpg") no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* ...

18Aug

Css3实现无缝滚动防抖最新评论添加评论

问题图片加文字的无缝滚动，在手机端的效果总体还行，但是图片在手机某些浏览器会抖得腻害！错误写法不能用left，margin-left,像这种写法: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate; } @keyframes scoll { ...

18Aug

CSS 水平居中并限定最大的宽度实现最新评...

一个 CSS 布局和样式的问题，如何在水平居中和限制最大宽度中，进行平衡在最近工作中，遇到一个这样的问题： 1. 背景水平三栏或者两栏的布局，其中一栏内的内容是变动的；当内容过少时，整体需要居中展示；当内容过多时，需要根据最大的宽度进行省略； 2. 实现的思路整体的容器要添加属性： .co...

18Aug

CSS3 border-radius圆角的...

以前想实现一个圆角是比较麻烦的，不过现在CSS3来了，实现圆角变的那么的简单只需要一句话：border-radius即可。下面青岛星网跟大家分享下：border-radius的具体用法。 CSS3圆角只需设置一个属性：border-radius（含...

18Aug

CSS心形加载的动画源码的...

废话不多说上代码，代码很简答，研究一下就明白了，有不明白的可以问我。 .heart-loading { margin-top: 120px; width:...

18Aug

CSS中简写属性要注意TRouB...

简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性，可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。 font: italic bold 18px/1.2 "Helv...

18Aug

H5中取消a标签在点击时的背景颜色的方法...

1、取消a标签在移动端点击时的蓝色 a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 2、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景 a,a:hover,a:active,a:visit...

18Aug

使用Flex布局实现头部固定...

页面头部固定布局以前用 position:fixed实现，如今可以用flex布局实现，快捷方便。 Flex布局好处：1.不破坏html文档流 2.兼容性更好。 display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。 page{ ...

18Aug

CSS使用BEM命名规范实践最新评论添加评论

今天带来CSS使用BEM命名规范实践教程详解当你看到一个class的时候，你想得到什么信息？这个class用在什么地方，作用是什么？是否在其他地方也有使用该class，修改会不会引起其他地方的样式问题？ class 是否在js中被使用？ ...... 此时，你最想一眼看到这个class就解决以上所有的问题，而BEM你值得拥...

18Aug

CSS中width和height的默认值auto与%案例...

今天带来CSS中width和height的默认值auto与%案例详解教程详解结论 width的%：定义基于包含块（父元素）宽度的百分比宽度，会突破父级的限制 width的auto：尽量被父级包裹 height的%：基于包含它的块级对象的百分比高度，会突破父级的限制 height的auto：尽量被父级包裹案例一定复制代码跑一遍，花几...