随笔分类 -  CSS

浮动
摘要：1. 浮动(float) 目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(198) 评论(0) 推荐(0)
CSS第六天-定位
摘要：定位(position) 目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(167) 评论(0) 推荐(0)
CSS第三天-盒子模型
摘要：第01阶段.前端基础.盒子模型 盒子模型（CSS重点） css学习三大重点： css 盒子模型 、 浮动 、 定位 主题思路： 目标： 理解： 能说出盒子模型有那四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(200) 评论(0) 推荐(0)
03-CSS文字文本样式
摘要：CSS字体样式属性调试工具 目标 应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1.font字体 1.1 font-size:大小 作用： font-size属性用于设置字号 p { font-size:20 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(213) 评论(0) 推荐(0)
CSS第五天-学成在线
摘要：1. 学成在线页面制作 目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切图 能引入外部样式表 能把psd文件转换为html页面 学成在线的目的就是为了串联前面的所有知识。来一个春晚大联欢。 pink老师： 取义学有所成，为师之期 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(269) 评论(0) 推荐(0)
CSS第二天笔记
摘要：第01阶段.前端基础 CSS 第二天 今天我们围绕一个 导航栏案例进行学习知识点。 今日重点： 复合选择器 后代选择器 并集选择器 标签显示模式 CSS背景 背景位置 CSS三大特性 优先级 1. CSS复合选择器 目标 理解 理解css复合选择器分别的应用场景 应用 使用后代选择器给元素添加样式 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(161) 评论(0) 推荐(0)
CSS第七天-高级技巧
摘要：CSS高级技巧 目标 理解 能说出元素显示隐藏最常见的写法 能说出精灵图产生的目的 能说出去除图片底侧空白缝隙的方法 应用 能写出最常见的鼠标样式 能使用精灵图技术 能用滑动门做导航栏案例 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了， 阅读全文
posted @ 2020-09-26 17:46 阳神 阅读(142) 评论(0) 推荐(0)
02-CSS基础选择器
摘要：第01阶段.前端基础.CSS基础选择器 CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） 如上图所以，要把里面的小黄人分为2组，最快的方法怎办？ 很多， 比如 一只眼睛的一组，剩下的一组 阅读全文
posted @ 2020-09-26 17:45 阳神 阅读(202) 评论(0) 推荐(0)
01-CSS初识
摘要：第01阶段.前端基础.CSS初识 CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， 比如表明这是一个大标题，用 表明这是一个 阅读全文
posted @ 2020-09-26 17:45 阳神 阅读(167) 评论(0) 推荐(0)