2019年8月23日
编写SASS代码
摘要： 编写SASS代码 在css文件中新建一个index.scss 文件，注意后缀名为.scss ，表示这是一个使用Sass CSS语言 编写的文件。 在该文件中输入下面的代码： @charset "utf-8"; $darkcolor : #2E2E2E; //定义一个颜色变量，值为#2E2E2E $l 阅读全文
posted @ 2019-08-23 16:29 小样Q 阅读(460) 评论(0) 推荐(0) 编辑
表单
摘要： 表单 1. 表单概述 1什么是表单 表单是一块可采集用户数据的区域 表单对后端开发者至关重要 2如何创建表单区域 用form元素表示表单 用action属性表示表单的提交地址 用method属性表示表单的提交方式 在制作静态页面时，可不用书写上述的属性 在制作静态页面时，建议不要设置form元素的样 阅读全文
posted @ 2019-08-23 16:27 小样Q 阅读(201) 评论(0) 推荐(0) 编辑
动画和变形
摘要： 1. 盒子动画 1 简单动画： 认识简单动画 简单动画的常见应用 渐变时间函数：transition-timing-function CSS属性以何种速度进行渐变 贝塞尔曲线：cubic-bezier：贝塞尔曲线是由四个参考点绘制而成的曲线；在CSS中，第一个点和第四个点已固定，用户可以设置第二和第 阅读全文
posted @ 2019-08-23 16:25 小样Q 阅读(92) 评论(0) 推荐(0) 编辑
图片多媒体
摘要： 1. 页面制作过程回顾 1.1得到设计图 1.2划分页面区域（HTML：结构元素，CSS：块盒） 1.3填充区域中的内容（HTML：文字、图片和多媒体元素等，CSS：行盒） 2. 图片和多媒体 2.1视频：video元素（src属性：视频路径，controls属性：【布尔属性】指定后，会显示播放控件 阅读全文
posted @ 2019-08-23 16:24 小样Q 阅读(129) 评论(0) 推荐(0) 编辑
2019年8月3日
基本概念
摘要： 1. 基本概念 视觉格式化模型（visual formatting model）：CSS的一种机制，它规定了页面中的多个盒子如何布局。 包含块：每个元素都有一个包含块，它是指元素在页面中摆放的区域 通常情况下，元素的包含块是它父元素的内容盒（content-box） 根元素的包含块是初始化包含块（i 阅读全文
posted @ 2019-08-03 15:55 小样Q 阅读(135) 评论(0) 推荐(0) 编辑
弹性布局
摘要： 弹性布局 1. 一个盒子，如果将其display属性设置为 flex ，该盒子变为弹性盒（弹性容器），该盒子的所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅仅是弹性盒中的弹性项目 2. 属性： l flex-direction ：更改主轴方向 l row 行 默认值 阅读全文
posted @ 2019-08-03 15:51 小样Q 阅读(210) 评论(0) 推荐(0) 编辑
2019年7月26日
HTML和CSS概述
摘要： 总结 HTML和CSS概述 1.根据W3C定义，HTML全称HyperText Markup Language 2.用于定义文档内容结构 W3C: 万维网联盟，是目前Web技术领域最具权威和影响力的技术标准机构 HyperText Markup Language: 超文本标记语言，该语言书写的代码通 阅读全文
posted @ 2019-07-26 14:14 小样Q 阅读(239) 评论(0) 推荐(0) 编辑
页面的制作过程
摘要： 1. 页面的制作过程 设计师——设计稿——前端工程师 设计稿=前端工程师+划分区域+填充内容 用合适的元素来表示不同的区域，设置区域的位置、尺寸、背景等样式。 每个元素都会在页面中生成一个矩形区域，CSS称该矩形区域为盒子(box) 2. 述盒模型概 Margin:外边框，与其他盒子的距离。 Bor 阅读全文
posted @ 2019-07-26 14:10 小样Q 阅读(564) 评论(0) 推荐(0) 编辑