随笔分类 -  前端杂烩

摘要：媒体查询 媒体查询可以使用 在css样式当中进行断点 , 让指定的css样式按照要求进行生效 上面写在媒体查询当中的css代码 , 在页面视窗宽度小于768px时生效 根据媒体类型进行断点 + all 所有设备 + print 用于打印机和打印预览 + screen 用于电脑屏幕 平板电脑 智能手机 阅读全文

摘要： 圣经中说 , 人类最早的时候都住在同一个地方 , 讲同一种语言 , 他们决定造一座通天的塔 , 所有的人住在里面 , 人类再也不会分散 上帝不同意 , 他让人类讲不同的语言 , 从此难于沟通 人类自此各散东西 , 计划因此失败 在希伯来语当中 , "巴别"就是"变乱"的意思 , 于是就称这座塔为巴别塔 (Tower of Babel) 阅读全文

摘要：使用上一节提到的transition已经可以实现相对简单的一些动画效果 但是对于相对复杂一些的效果 , 尤其是其中需要分为多个阶段的 , 就难以实现 CSS3的animation属性 , 就提供了更加强大的动画设计功能 阅读全文

摘要：CSS的 允许CSS的属性值在一定的时间区间内平滑地过渡 这种效果可以在鼠标点击 获得焦点 或对元素的任何改变中触发 并圆滑的以动画效果改变CSS的属性值 语法 transition本身也是一个复合属性 , 主要包含4个属性值 1. 执行变换的属性 2. 变换延续的时间 3. 在变换时间内 , 变换 阅读全文

摘要：CSS3当中与动画有关的属性有 : + transform 变形 + transition 转换 + animation 动画 准备知识 : 网页中对于元素所定义的坐标系 通常所关注的网页是一个平面 所以有X轴和Y轴 X轴是水平的 , 向右为正方向 Y轴是竖直的 , 向下为正方向 但是在元素动画相关 阅读全文

摘要：占位符 % 使用占位符定义的代码块 , 它同普通的基类一样可以被继承 , 但是本身在编译后不会产生任何代码 , 可以有效避免代码的冗余 编译后会得到 数据类型 在sass当中包含以下几种数据类型 数字 , 如 1 2.6 10px 字符串 , 可以有引号 , 也可以无引号 颜色 , 如 blue 0 阅读全文

摘要：变量 在scss当中定义变量的语法如下 $变量名 : 变量值; 代码块外部定义的变量可以在全局范围内使用 在代码块内部定义的变量是局部变量 例如 如果该变量的值需要嵌入到字符串当中 , 需要加 默认变量 sass的默认变量一般用来设置默认值 , 然后根据需求来进行覆盖 例如 如果对默认变量的值进行了 阅读全文

摘要： CSS本身并不算是一种编程语言 , 它没有变量 , 也没有条件语句 只是作为单纯的描述 , 写起来比较费事 , 同时也需要考虑很多的兼容性问题 很自然地 , 有人开始为CSS加入编程元素 , 这类工具就叫做`CSS预处理器` 阅读全文