css
-
CSS实现图片动态效果的相关属性介绍
css实现图片动态效果。 使用方法 利用hover伪类 操作流程 首先确定要实现的效果 设置初始表示状态 动画用到的css属性 transition 属性 立即学习“前端免费学习笔记（深入）”； transition-property 规定设置过渡效果的 CSS 属性的名称。 ( none 没有属性…
-
CSS样式为什么要初始化?
为什么要初始化css样式?因为浏览器的兼容性，每个浏览器设计时都有自己的特性，因此在解析标签的时候就产生一些差异，因此显示页面的时候就会出现微小的差异。常见的初始化如下：本人常用的常见初始化如下： body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5…
-
详细介绍CSS之三栏布局的实例（图）
1.通过float left 和相对width实现 css三栏布局之float left与 相对width.block1,.block2,.block3{float:left;width:32%;height:50px;border:1px dashed #F00;margin:2px;}.bloc…
-
关于CSS盒子模型之定位的具体分析
css盒子模型之定位 1、static 定位 HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。 2、Fixed 定位 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动： Fixed定位使元素的位置与…
-
关于CSS的相对定位与绝对定位介绍
1.一般如果我们不给元素设置position，则默认为static，此时是该元素是没有定位的，像left/right这些偏移属性都是没有效果的。 2.position:relative （相对定位） 若设置为相对定位，即可配置left/right这些偏移，相对于该元素原有位置进行偏…
-
CSS实现响应式全屏背景图
当前很流行的一种网页形式就是满屏大图，本文将用最简单的方式实现该效果。用到了CSS 属性background-size ,无需javascript。 核心概念 使用background-size 属性，填充整个viewport 当css属性background-size 值为cove…
-
css使用background-position属性来完成雪碧图的代码详解
什么是雪碧图 雪碧图就是CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。 为什么要用雪碧图 可以减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决IE6鼠标滑…
-
CSS如何实现饼状的Loading等待图的效果（图）
这篇文章主要介绍了用纯css实现饼状loading等待图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 写在前面 之前碰到一个小练习，就是用纯CSS3来写饼状的loading效果，之前着实没有写过这玩意儿，小花完全没头绪，然后参考了张鑫旭老师的CSS3实现鸡蛋饼饼状图loading等待转转转…
-
详细介绍使用纯CSS实现自适应正方形的案例
在处理移动端页面时，我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果，如 flipbord 的移动页面： 那么应该怎么使用纯 CSS 制作出能够自适应大小的正方形呢？ 方案一：CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vm…
-
使用CSS自定义radio、checkbox样式的示例详解
以前做自定义样式的radio, checkbox 的时候，一直是如下结构 文字 然后定义diyRadio 的样式作为新Radio, 再用js 做关联。 知道今天才知道可以用标签的for 属性 + :checked 做，纯CSS（ 真是太不应该了，学东西还是要认真、细致点。 ） DIY 单选项示例如下…
