摘要：
动画 动画一、过渡 通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。transition：过渡CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容： - 规定您希望把效果添加到哪个 阅读全文
摘要：
什么是CSS编译器 CSS编译器，也叫做CSS预编译器，是指开发者使用某种类似CSS（但实际不是）的语言编写代 码，然后通过编译器，将其编译成浏览器真正能执行的CSS代码。 目前常见的CSS编译器有：SASS和LESS。本文已常用的SASS为例，来讲解如何用SASS来实现 优雅简洁的CSS代码。 1 阅读全文
摘要：
一、基本概念 视觉格式化模型：CSS的一种机制，它规定了页面中的多个盒子如何布局 • 视觉格式化模型是一套非常复杂的机制，包含错综复杂的CSS规范 • 本章的课程从实用的角度出发，仅学习在划分页面区域的时候需要的核心知识 • 由于划分页面区域时几乎都使用的是块盒，因此，本章仍然只涉及块盒 视口：一种 阅读全文
摘要：
<body> <form action=""> <div> <input type="tel">用于电话输入 </div> <div> <input type="number">输入数字 </div> <div> <input type="time">输入时间 </div> <div> <input 阅读全文
摘要：
图片和多媒体 图片：img元素 src 属性：图片路径 alt 属性：图片无法显示时使用的替代文字 title （全局属性）：鼠标悬停时显示的文字 全局属性：所有元素通用的属性 title 、 lang （该元素内使用的是什么自然语言） 视频：video元素 src 属性：视频路径 （推荐mp4） 阅读全文
摘要：
弹性布局 一个盒子，如果将其display属性设置为 flex ，该盒子变为弹性盒（弹性容器），该盒子的 所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅 仅是弹性盒中的弹性项目 。 属性 ： 1.flex-direction ：更改主轴方向 2.row 行 默认值 阅读全文
摘要：
了解HTML和Css样式 HTML： 叫做超文本标记语言，负责定义文档的内容，html分为注释和元素，注释内容在网络页面不会显示出来，元素分为非空元素和空元素，非空元素的组成由标记名，属性，内容和结尾标记名组成，而非空元素指没有内容和结尾标记的元素。 html的结构分为html，head和body三 阅读全文