摘要：
字面量 字面量其实就是一个值。像1、2、3这种数字，又像是”abc”、”你好”、”锄禾日当午”这种字符串，再有就是true、false这些布尔值，都是字面量。所谓的字面量，指这些值所代表的意思就是它们字面上的含义，1就是1、2就是2、”hello”就是”hello”，没有其他特殊含义。 在JS中字面 阅读全文
摘要：
JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known a 阅读全文
摘要：
像素简介 1.基本概念 像素 屏幕是由一个一个发光的小点构成，这一个个小点就是像素 分辨率：1920 x 1080 说的就是屏幕中小点的数量 在前端开发中像素分成两种情况讨论，css像素和物理像素 物理像素，上述所说的小点点就属于物理像素，凡是截图工具量出来的都是物理像素。 css像素，编写网页时我 阅读全文
摘要：
弹性盒简介 1、基本概念 弹性盒 flex（弹性盒、伸缩盒） 是css中的又一种布局手段，它主要用来代替浮动来完成页面的布局（不用考虑高度塌陷问题） flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变 弹性容器 要使用弹性盒，必须先将一个元素设置为弹性容器 我们通过display 来设 阅读全文
摘要：
less 简介 less是一门css的预处理语言 less是一个 css 的增强版，通过less可以编写更少的代码实现更强大的样式 在less中添加了许多的新特性：像对变量的支持、对mixin的支持... less的语法大体上和css语法一致，但是less中增添了许多对css的扩展，所以浏览器无法直 阅读全文
摘要：
变形：平移、旋转与缩放 变形就是指通过 css 来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 1、平移 注意：这里的x y z轴是以图片正面为准，图片旋转x y z轴也跟着旋转。且图片的中点为坐标轴零点！ translateX() 沿着由方向平移 tra 阅读全文
摘要：
过渡与动画 1、过渡 过渡（transition） 通过过渡可以指定一个属性发生变化时的切换方式 通过过渡可以创建一些非常好的效果，提升用户的体验 属性值 transition-property：指定要执行过渡的属性 多个属性间使用,隔开； 如果所有属性都需要过渡，则使用all关键字； 大部分属性都 阅读全文
摘要：
设置网站图标 (在标题栏和收藏栏) 网站图片一般都放在根目录下,名字一般都叫 favicon.ico 图标的存放位置和引用方法 放在根目录下 引用方法 <linkrel="icon"href="favicon.ico"> 项目压缩 项目在上线的时候有个重要的东西访问速度，项目加载的速度越快用户的体验 阅读全文
摘要：
小米商城 实现目标 实现代码 CSS /* 主页index.html的样式 */ /* 顶部导航条外部容器 */ .top-bar-wrapper { width: 100%; height: 40px; /* 垂直居中 */ line-height: 40px; background-color: 阅读全文
摘要：
表格 1、表格 在现实生活中，我们经常需要使用表格来表示一些格式化数据： 课程表、人名单、成绩单... 同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格 行和列 在table中使用tr表示表格中的一行，有几个tr就有几行 在tr中使用td表示一个单元格，有几个 td就有几个单元格 阅读全文