CSS2/CSS3
关注
分享
扫一扫
文章平均质量分 84
sensus森森
强大自己是解决问题的最佳途径
展开
-
针对谷歌浏览器以及谷歌内核的浏览器默认最小字体12px的正确解决方案
谷歌浏览器中font-size小于12px时，字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是，只百度一伙了，结果还真让人大吃一惊：原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。不管那么多了，反正要解决这个问题呀~既然这是一个经典的兼容性问题，一定有很多解决方法吧。让人吃惊的是，再百度一转载 2017-06-03 10:43:21 · 1970 阅读 · 1 评论 -
实例详解css3动画库animate.css的各种动画效果
animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。它的老搭档wow.js，这俩好哥们，经常一起使用。animate.css包括shake、flash、sw原创 2017-08-25 11:31:11 · 6021 阅读 · 0 评论 -
鼠标移动到图片上图片逐渐变大、变清晰（带有过渡效果）
鼠标移动到图片上图片变大、变清晰（有过渡效果） div{ width: 300px; height: 300px; margin: 50px auto; overflow: hidden;原创 2017-07-21 17:25:46 · 5279 阅读 · 0 评论 -
如何用transition实现鼠标移到一行字从左往右伸出一条线，离开时又缩回原样（分析两种情况）？
我们先来看下transition的相关知识定义和用法transition 属性是一个简写属性，用于设置四个过渡属性，如需向多个样式添加过渡效果，请添加多个属性，由逗号隔开：transition-propertytransition-durationtransition-timing-functiontransition-delay注释：请始终设置 trans原创 2017-07-21 16:15:14 · 2498 阅读 · 0 评论 -
基于BootStrap仿淘宝星星商品评价案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>基于BootStrap的仿淘宝星星商品评价案例</title> <link rel="stylesheet&qu原创 2017-07-09 17:19:40 · 4417 阅读 · 3 评论 -
谈一谈CSS的选择器和工作原理
既然我们是谈CSS，那我们先来说一下什么是CSS？层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，原创 2017-07-21 15:20:02 · 1704 阅读 · 0 评论 -
水平垂直居中图片及文字(兼容IE6+)
简介：如何使用css让不固定宽高的div水平垂直居中呢？这个问题似乎有很多解决办法，尝试了网上的最简单且兼容低版本浏览器的方法，但发现存在一些小问题，所以写此文章留存。1、水平居中1.1、父容器container添加css属性text-align:center; 子容器center添加css属性display:inline-block;1.2、代码如下：转载 2017-07-13 15:49:37 · 1141 阅读 · 0 评论 -
web前端开发，常用的在线占位图网址总结
简介：亲测可用且访问不慢的占位图网址^_^。http://lorempixel.com/http://placehold.it/http://placeholder.cn/http://dummyimage.com/http://fakeimg.pl/原创 2017-07-13 15:42:16 · 2146 阅读 · 0 评论 -
css3 让绝对定位元素水平居中的方法
一、绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。兼容性不错的主流用法是：123456.element { width: 600px; height: 400px; position: absolute;转载 2017-06-30 15:19:11 · 7978 阅读 · 0 评论 -
带有粒子效果的熊熊大火
熊熊大火燃烧的粒子效果 body{ height:100%; background:#16a085; overflow:hidden; width: 1920原创 2017-07-20 11:33:44 · 830 阅读 · 0 评论