![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小白
福星高照。
新手小白
展开
-
如何创建弹性盒子?
如何创建弹性盒子? 啥?啥时弹性盒子?解释解释! ok解释来了:弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。 堵油俺的斯丹的? 不懂?那咱么直接上手 第一步:在弹性盒子(父级盒子)里添加 display:flex;样式 .father { width: 100px; height: 100px;原创 2020-12-30 21:00:41 · 657 阅读 · 0 评论 -
学习CSS3的第三天
学习CSS3的第三天 又是新的一天啦,打起精神,学习一起来!!! 今天我们要学习动画!对,没错!是动画! 一、关键帧动画——animation animation:① ② ③ ④ ⑤ ⑥ ⑦ ⑧; ①animation-name 指定要绑定到选择器的关键帧的名称; ②animation-duration 动画指定需要多少秒或毫秒完成; ③animation-timing-function 设置动画将如何完成一个周期; ④animation-delay 设置动画在启动前的延迟间原创 2020-12-24 19:51:47 · 69 阅读 · 1 评论 -
学习CSS3的第二天
学习CSS3的第二天 第二天了第二天了,别睡了别睡了!起来学习啦!大家一起学习起来,学习使我快乐! 继第一天的学习,我们打下了CSS3夯实的基础,现在我们要继续拓展CSS3中新增的还有哪些样式吼!出发够够够! 一、背景渐变——background-image 进过之前的学习大家应该知道background-image可以引入背景图片哈(不知道的集美or铁汁记得康康前面的文章哟,跟上大家的步伐),那么现在我要介绍它的新增样式渐变。 1、linear-gradient(① , ②) 线性渐变 ① a原创 2020-12-21 20:11:13 · 85 阅读 · 0 评论 -
学习CSS3的第一天
学习CSS3的第一天 ok!通过前面的HTML+CSS的学习我们也开始渐渐了解了网页的基础结构和初级样式(新来的表贝,记得looklook前面的文章哟)。那么我们今天在一起来学习学习升级版CSS3吧!够够够! CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。 首先呢我们来了解了解这CSS3有啥特别的吼。 一、CSS3 CSS3 就是CSS2的一个进阶版本 带来很多新属性和新本样式 C3和C2最大的区别 C3是加入了动画的概念 最特别的呢,不在这,在于它的兼容性:原创 2020-12-19 22:36:30 · 114 阅读 · 3 评论 -
两个阶段学会CSS(阶段二)
CSS盒子模型 一、盒子模型是什么 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 如图 : 不同部分的说明: 1、Margin(外边距) - 清除边框外的区域,外边距是透明的。 2、Border(边框) - 围绕在内边距和内容外的边框。 3、Padding(内边距) - 清除内容周围的区域,内边距是透明原创 2020-12-14 20:34:32 · 169 阅读 · 0 评论 -
两个阶段学会CSS(阶段一)
这里写自定义目录标题CSS基础入门 CSS基础入门 CSS基础入门 学习目标:了解学习css样式且灵活运用 一、什么是CSS CSS—层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的原创 2020-12-13 20:02:28 · 223 阅读 · 2 评论