CSS
文章平均质量分 86
Guido_PSG
这个作者很懒,什么都没留下…
展开
-
10-浮动(float)
1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中:普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元素:di转载 2021-06-11 11:29:17 · 153 阅读 · 1 评论 -
09-盒子模型(CSS重点)
盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:目标:理解:能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用:能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例1.看透网页布局的本质网页布局中,我们是如何把里面的文字,图片,按照美工给我们的效果图排列的整转载 2021-06-10 20:20:14 · 206 阅读 · 0 评论 -
08-CSS 三大特性
5. CSS 三大特性目标:理解能说出css样式冲突采取的原则能说出那些常见的样式会有继承应用能写出CSS优先级的算法能会计算常见选择器的叠加值5.1 CSS层叠性概念:所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉原则:样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。样式不冲突,不会层叠CSS层叠性最后的执行口诀转载 2021-06-09 22:15:23 · 73 阅读 · 0 评论 -
07-CSS 背景
4. CSS 背景(background)目标理解背景的作用css背景图片和插入图片的区别应用通过css背景属性,给页面元素添加背景样式能设置不同的背景图片位置4.1 背景颜色(color)语法:background-color:颜色值; 默认的值是 transparent 透明的4.2 背景图片(image)语法:background-image : none | url (url) 参数作用none无背景图(默认的)转载 2021-06-09 22:13:10 · 61 阅读 · 0 评论 -
06-行高那些事
行高那些事(line-height)目标理解能说出 行高 和 高度 三种关系能简单理解为什么行高等于高度单行文字会垂直居中应用使用行高实现单行文字垂直居中能会测量行高3.1 行高测量行高的测量方法:3.2 单行文本垂直居中行高我们利用最多的一个地方是: 可以让单行文本在盒子中垂直居中对齐。文字的行高等于盒子的高度。这里情况些许复杂,开始学习,我们可以先从简单地方入手学会。行高 = 上距离 + 内容高度 + 下距离上距离和下距离总是相等的,原创 2021-06-09 22:12:14 · 88 阅读 · 0 评论 -
05-标签显示模式(display)重点
2. 标签显示模式(display)重点目标:理解标签的三种显示模式三种显示模式的特点以及区别理解三种显示模式的相互转化应用实现三种显示模式的相互转化2.1 什么是标签显示模式什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个作用:我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。转载 2021-06-09 16:45:12 · 104 阅读 · 0 评论 -
04-CSS复合选择器
1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器为什么要学习css复合选择器CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的1.1 后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元转载 2021-06-09 14:52:00 · 56 阅读 · 0 评论 -
03-CSS文字文本样式
CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试1.font字体1.1 font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,基转载 2021-06-09 14:18:06 · 220 阅读 · 0 评论 -
02-CSS基础选择器
CSS选择器(重点)学习目标:理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式1. CSS选择器作用(重点)如上图所以,要把里面的小黄人分为2组,最快的方法怎办?很多, 比如 一只眼睛的一组,剩下的一组选择器的作用 找到特定的HTML页面元素pink老师一句话说出他们: ※※※※**CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 ** 必须记住的css 就是 分两件事, 选对人, 做对事。h转载 2021-06-09 10:45:26 · 81 阅读 · 0 评论 -
01-CSS初识
CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义,比如表明这是一个大标题,用 表明这是一个段落,用 表明这儿有一个图片, 用 表示此处有链接。很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑。这个是一个外国比较早的购物网站 有些人就忍受不了了,你就不能把自己打扮得漂亮一点吗?HTML说,我转载 2021-06-09 10:12:55 · 49 阅读 · 0 评论