css
monkeyfly007
前端之路长漫漫,吾将全力去学习。
展开
-
CSS定位知识整理
CSS定位知识梳理图相对定位与绝对定位的区别:(见上图)认真看完下面的代码和效果演示图就明白了,理解了才能真正的记住。此外,必须自己动手实践一下。在自己理解的基础上,自己做一个小的demo去完成自己所认为的相对定位和绝对定位的区别,也许做的过程中还会发现一些新的问题呢。最好看完后自己总结一下,否则多看无益!到头来还是不会。代码如下所示:<!DOCTYPE html><html lang="en"原创 2018-01-02 20:43:41 · 350 阅读 · 0 评论 -
伪类和伪元素的区别
Write By Monkeyfly以下内容均为原创,如需转载请注明出处。伪类和伪元素以前老是分不清楚伪类和伪元素谁是谁,只知道它们都是选择器(selectors),一直处于懵比状态。今天就给大家详细地说一说它们的基本概念、之间的联系和区别。伪类 - Pseudo-Classes SelectorsCSS伪类是用来添加一些选择器的特殊效果。【官方说法】语法 选原创 2017-12-29 01:38:18 · 380 阅读 · 0 评论 -
CSS3渐变:gradient
Write By Monkeyfly以下内容均为原创,如需转载请注明出处。一、名词解释:gradient 英 ['greɪdɪənt] n.渐变 梯度radial 英 ['reɪdɪəl] adj. 半径的;放射状的;n. 射线,光线二、渐变的分类:CSS3的渐变分为两种:线性渐变:linear-gradient;//向下/向上/向...原创 2018-02-23 14:37:38 · 1021 阅读 · 0 评论 -
CSS3 2D转换(transform)
Write By Monkeyfly以下内容均为原创,如需转载请注明出处。CSS3 转换(transform)可以可以对元素进行移动、缩放、转动、拉长或拉伸。问:它是如何工作的? 答:通过改变某个元素的大小,位置和形状来实现的。2D转换的方法有:translate() 平移;转化,转变rotate() 旋转;循环scale() ...原创 2018-02-23 15:32:11 · 289 阅读 · 0 评论 -
CSS background 属性全家桶
Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天在审查元素时,发现这样一串代码:input.btn-upload { top: 0; right: 0; width: 100%; height: 100%; opacity: 0; display: block; background:...原创 2018-04-17 00:08:50 · 9142 阅读 · 6 评论 -
《CSS世界》学习笔记(一)
《CSS世界》第一章 概述1.1 CSS 世界的“世界观”HTML —— 对应一块魔法石CSS 选择器 —— 对应魔法师手中的选择法器,可以选择任何一块魔法石每一种 CSS 属性 —— 对应一位魔法师CSS 的各种属性值 —— 对应魔法师的魔法技能浏览器 —— 它们所在的“王国”→ 王国”会不断更新法律法规(版本升级);→ 或者允许魔法师使用某些新技能(即 CSS 新的属性值...原创 2018-10-31 23:23:01 · 502 阅读 · 0 评论