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 · 908 阅读 · 0 评论 -
css-day02笔记-复合选择器&display&行高line-height&背景background
typora-copy-images-to: media第01阶段.web基础:css-day02笔记-复合选择器&display&行高line-height&背景backgroundCSS 第二天今天我们主要围绕一个 导航栏案例来学习知识点。今日重点复合选择器后代选择器(重点)子元素选择器交集选择器并集选择器(重点)链接伪类选择器(重点)...原创 2019-05-12 21:15:42 · 126 阅读 · 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 · 215 阅读 · 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 · 121 阅读 · 0 评论 -
css-day05笔记-清除浮动&学成网布局准备工作
typora-copy-images-to: media第01阶段.WEB基础:css-day05笔记-清除浮动&学成网布局准备工作一. 清除浮动1. 为什么要清除浮动因为父级盒子很多情况下,不方便给高度,但是子盒子浮动就不占有位置,最后父级盒子高度为0,就影响了后面的标准流盒子。总结:由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响准确地说...转载 2019-05-12 21:16:57 · 168 阅读 · 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 · 230 阅读 · 0 评论 -
css-day08笔记-CSS高级技巧
typora-copy-images-to: media第01阶段.WEB基础:css-day08笔记-CSS高级技巧学习目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例一、CSS高级技巧1. 元素的显示与隐藏目的让一个元素在页面中消失或...转载 2019-05-12 21:18:09 · 189 阅读 · 0 评论