CSS3之transition实现下划线 在这里先看看我们的demo 认识transition 这是CSS3中新增的一个样式,可以实现动画的过度。通常使用在添加某种效果可以从一种样式转变到另一个的时候。 transiti…
标签:css3
css3简记,了解一下?
0、前言 css3常用属性在用的时候总有那么一两点记不住,每次去搜教程,重复做功,自己动手,在这简记一下,加深印象。 1、css3圆角border-radius (IE9+) 使用 CSS3 border-radius …
全栈开发自学路线
前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同进步,用简书记录下自己的学习历程. 个人学习方法分享 本文目录&更新说明 目录 1.学习方法 2.…
【基础】EM 还是 REM?这是一个问题!
简言 应用象EM 和 REM这种相对长度单位进行页面排版是WEB开发中的最佳实践。在页面排版中较好应用EM 和 REM,根据设备尺寸缩放显示元素的大小。这就使得组件在不同设备上都达到最佳的显示效果成为可能。 但问题是究竟…
【基础】在CSS中绘制三角形及相关应用
简言 本文简要阐述了用CSS边框的方法在页面上绘制三角形,包括几种典型的三角形绘制,还介绍了几个简单的应用场景。利用边框绘制三角形方法只是众多方案中的一种,大家根据项目实际,选用最适宜项目的方案。 1 基本原理 在CSS…
CSS3-线性渐变
一、渐变(gradient) 1.1 关于渐变 渐变表示从一种颜色平滑的过度到另一种颜色。它是图片<image>类型的一种,但是渐变类型图片没有尺寸,也没有长宽比。它的尺寸取决于被应用的场景,比如作为元素的背…
CSS动画之animations
CSS Animations 是CSS的一个模块,它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间,它们的重复次数以及它们如何重复来控制。CSS动画功能是非常强大的…
前端面试题-渐进增强和优雅降级
一、背景介绍 渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的…
前端开发基础知识整理--css篇
awesome-frontend-interviews是一个用于整理、收集前端基础知识的开源项目,放在Github上,内容会一直更新,欢迎提交好的内容共同进步,欢迎star。 CSS优先级如何计算? 同权重下,优先级就近…
【CSS 学习】CSS 选择器、选择器的优先级和权重
以下总结内容摘自 《移动Web前端高效开发实战》 基本选择器 选择器 名 称 实 例 描 述 版 本 * 通用选择器(Universal selectors) * 匹配所有的元素 2.1 E 标签选择器(Type sel…
50道CSS基础面试题(附答案)
1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(cont…
搞定css三栏布局(六种方法)
谈到布局,首先就要想到定位,当别人问我,css的position定位有哪些取值,分别表示什么意思?呃…..抓头.gif,是时候回归本质,看定义了。 1. 定位 1.1 position position有六个…