CSS
文章平均质量分 85
KarinCar
这个作者很懒,什么都没留下…
展开
-
2021.04.25
定位导读 能够说出为什么要用定位 能够说出定位的四种分分类 能够说出4种定位各自的特点 能够说出为什么常用子绝父相布局 能够写出淘宝轮播图布局 能够说出显示隐藏的2种方式以及区别 一、定位 1.1 为什么需要定位 由于标准流跟浮动没有半发实现一些布局效果,此时就需要定位来实现 所以: 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于纵向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中某个位置,并且可以压住其他盒子 1.2定位组成 定位:定位就是将盒子定在某一个位置,所以原创 2021-04-26 19:14:11 · 135 阅读 · 0 评论 -
2021.04.24
浮动导读 能够说出为什么需要浮动 能够说出浮动的排列特性 能够说出3种常见的布局方式 能够说出为什么需要清楚浮动 能够写出至少两种清楚浮动的方式 能够利用ps实现基本的切图 能够利用ps插件实现切图 能够完成学成在线的页面布局 一、浮动 1.1 传统网页布局的三种方式 标准流(普通流/文档流) 浮动 定位 1.2 标准流(普通流/文档流) 所谓普通流,就是元素按照标签规定好的方式排列: ①块级元素独占一行,从上到下排列 ②行内元素按照顺序从左到右排列,碰到父元素边缘自动换行 1.3 为什么要使用浮动原创 2021-04-25 10:15:42 · 84 阅读 · 1 评论 -
2021.04.22
盒子模型导读 能够准确阐述盒子模型的4个组成部分 能够利用边框复合写法给元素添加边框 能够计算盒子的实际大小 能够利用盒子模型布局模块案例 能够给盒子设置圆角边框 能够给盒子添加阴影 能够给文字添加阴影 学习页面布局要学习的三大核心:盒子模型、浮动、定位 一、盒子模型 1.1 网页布局的本质 利用css摆盒子 1.2 盒子模型的组成 CSS盒子模型本质上就是一个盒子,封装周围的HTML元素,包括边框、外边距、内边距、实际内容。 1.3 边框border border的属性: border-width:原创 2021-04-25 10:15:09 · 124 阅读 · 0 评论 -
2021.04.19
CSS层叠样式表(下) 目标 能够使用emmet语法 能够使用css复合选择器 能够写出伪类选择器的使用规范 能够说出元素有几种显示模式 能够写出元素显示模式的相互转换代码 能够写出背景图片的设置方式 能够计算CSS的权重 emmet语法 快速生成HTML结构语法 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-svlKSiXP-1619316805432)(/Users/chekaiyue/Library/Application Support/typora-user-i原创 2021-04-25 10:13:52 · 54 阅读 · 0 评论 -
2021.04.18
CSS层叠样式表(上) 目标 ①能够说出什么是CSS ②能够使用CSS基础选择器 ③能够设置字体样式 ④能够设置文本样式 ⑤能够说出CSS的三种引入方式 ⑥能够使用chrome调试工具调试样式 一、css简介 css是层叠样式表的简称 css也是一种标记语言 css美化HTML,布局网页 css最大的价值就是让HTML专注于结构的呈现,样式交给css,实现结构与样式相分离 1.3 css语法规范 css规则由两个主要部分构成:选择器 以及 一条或多条声明 [外链图片转存失败,源站可能有防原创 2021-04-25 10:13:05 · 122 阅读 · 0 评论