![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
心有猛虎细嗅蔷薇R
前端学习者
展开
-
css-day01笔记-CSS初识、基础选择器、文字和文本样式
typora-copy-images-to: media 第01阶段.web基础:css-day01笔记-CSS初识、基础选择器、文字和文本样式 一、CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, ...原创 2019-05-12 21:15:04 · 883 阅读 · 0 评论 -
css-day02笔记-复合选择器&display&行高line-height&背景background
typora-copy-images-to: media 第01阶段.web基础:css-day02笔记-复合选择器&display&行高line-height&背景background CSS 第二天 今天我们主要围绕一个 导航栏案例来学习知识点。 今日重点 复合选择器 后代选择器(重点) 子元素选择器 交集选择器 并集选择器(重点) 链接伪类选择器(重点) ...原创 2019-05-12 21:15:42 · 119 阅读 · 0 评论 -
css-day03笔记-CSS三大特性&CSS盒子模型
typora-copy-images-to: media 第01阶段.WEB基础:css-day03笔记-CSS三大特性&CSS盒子模型 CSS-day03笔记-盒子模型 CSS学习三大重点: CSS盒子模型、浮动、定位 今日主题思路 一、CSS三大特性 学习目标 理解 能说出css样式冲突采取的原则 能说出那些常见的样式会有继承 应用 能写出CSS优先级的算法 能会...原创 2019-05-12 21:16:07 · 207 阅读 · 0 评论 -
css-day04笔记-CSS盒子模型&CSS书写规范&浮动float
typora-copy-images-to: media 第01阶段.WEB基础:css-day04笔记-CSS盒子模型&CSS书写规范&浮动float 一、PS基本操作以及常用快捷键 因为网页美工大部分效果图都是利用ps 来做的,所以,以后我们大部分切图工作都是在ps里面完成。 文件–打开 – 可以打开 我们要测量的图片 ctrl+r 可以打开标尺 或者 视图...转载 2019-05-12 21:16:30 · 114 阅读 · 0 评论 -
css-day05笔记-清除浮动&学成网布局准备工作
typora-copy-images-to: media 第01阶段.WEB基础:css-day05笔记-清除浮动&学成网布局准备工作 一. 清除浮动 1. 为什么要清除浮动 因为父级盒子很多情况下,不方便给高度,但是子盒子浮动就不占有位置,最后父级盒子高度为0,就影响了后面的标准流盒子。 总结: 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响 准确地说...转载 2019-05-12 21:16:57 · 162 阅读 · 0 评论 -
css-day07笔记-CSS定位position
typora-copy-images-to: media 第01阶段.WEB基础:css-day07笔记-CSS定位position 一、定位(position) 学习目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CS...转载 2019-05-12 21:17:47 · 220 阅读 · 0 评论 -
css-day08笔记-CSS高级技巧
typora-copy-images-to: media 第01阶段.WEB基础:css-day08笔记-CSS高级技巧 学习目标 理解 能说出元素显示隐藏最常见的写法 能说出精灵图产生的目的 能说出去除图片底侧空白缝隙的方法 应用 能写出最常见的鼠标样式 能使用精灵图技术 能用滑动门做导航栏案例 一、CSS高级技巧 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或...转载 2019-05-12 21:18:09 · 183 阅读 · 0 评论