css
文章平均质量分 94
千寻_Monster
认清这个世界,然后爱它,就这么一辈子,下一世你可能就不在这个世界了,有些烦恼,丢掉了,才有风轻云淡的机会。
展开
-
2020年12月-第02阶段-前端基础-CSS Day07
CSS Day07CSS高级技巧理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!1.1 display 显示(重点)display 设置或检索对象是否及如何显示。display: none 隐藏对象原创 2021-05-29 21:45:44 · 125 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day06
CSS Day06定位(position)理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中:1.普通流(标准流)2.浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。3.定位将盒子定在某一个位置原创 2021-05-25 00:35:57 · 130 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day04
1. 浮动(float)记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了** 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位**,其中:1.普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元原创 2021-05-09 00:16:29 · 225 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day03
CSS Day03盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:理解:1.能说出盒子模型有那四部分组成2.能说出内边距的作用以及对盒子的影响3.能说出padding设置不同数值个数分别代表的意思4.能说出块级盒子居中对齐需要的2个条件5.能说出外边距合并的解决方法应用:1.能利用边框复合写法给元素添加边框2.能计算盒子的实际大小3.能利用盒子模型布局模块案例1.看透网页布局的本质网页布局中,我们是如何原创 2021-05-08 02:02:43 · 327 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS字体样式
CSS字体样式属性调试工具应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式1.font字体1.1 font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,基本就用px了,其他单位很少使用谷歌浏览器默认的文字大小为16px原创 2021-04-20 23:19:18 · 179 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS基础选择器
CSS选择器(重点)理解能说出选择器的作用id选择器和类选择器的区别1. CSS选择器作用(重点)如上图所以,要把里面的小黄人分为2组,最快的方法怎办?很多, 比如 一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 必须记住的css 就是 分两件事, 选对人, 做对事。h3 { color: red;}这段代码就是2件事, 把 h3选出来, 然后 把它变成了 红色。原创 2021-04-12 13:22:20 · 139 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS初识
CSS层叠样式表理解css的目的作用css的三种引入方式1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, 比如`<h1>`表明这是一个大标题,用<p> 表明这是一个段落,用`<img>` 表明这儿有一个图片, 用`<a>` 表示此处有链接。很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑。这个是一个外国比较早的购物网站有些人就忍受不了了,你就不能把自己打扮得漂亮一点吗?原创 2021-04-11 14:00:01 · 128 阅读 · 0 评论 -
2020年12月-第02阶段-前端基础-CSS Day02
CSS Day02复合选择器后代选择器并集选择器1. CSS复合选择器理解理解css复合选择器分别的应用场景为什么要学习css复合选择器CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的1.1 后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后原创 2021-04-26 13:15:19 · 115 阅读 · 0 评论