CSS Grid布局
摘要：Grid 布局是网站设计的基础，CSS Grid 是创建网格布局最强大和最简单的工具。 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。 下面是一个 wrapper
阅读全文
posted @
2021-12-26 13:46
菱蘭
阅读(195)
推荐(0) 编辑
CSS弹性盒子
摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 C
阅读全文
posted @
2021-12-25 16:37
菱蘭
阅读(124)
推荐(0) 编辑
CSS的优先级与继承问题
摘要：CSS的冲突,即优先级CSS本身的设置可以同时应用多个样式在同一个元素，此时样式之间可能出现冲突而达不到用户所想要的效果。解决CSS冲突的优先级规则： CSS层叠样式表引入方法的优先级：内联式>内嵌式>链接式>导入式 在多个外部样式中，后出现的样式的优先级高于先出现的样式，也就是俗称的覆盖 在样式中
阅读全文
posted @
2021-12-24 14:57
菱蘭
阅读(259)
推荐(0) 编辑
jQuery的使用技巧
摘要：在之前我们学习了HTML、CSS以及JavaScript的一些基础知识，在掌握这些基础知识之后我们就可以进一步学习jQuery的使用技巧，首先我们来了解一下什么是jQuery。 什么是 jQuery ？ jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少，做的
阅读全文
posted @
2021-12-24 14:02
菱蘭
阅读(37)
推荐(0) 编辑
JavaScript基础三
摘要：在前面我们学习了很多JavaScript的记住知识，但是JavaScript的知识是非常多的，这次让我们继续来学习JavaScript的几个知识点吧 对象 对象是具有一些特殊特性的关联数组。 它们存储属性（键值对），其中： 属性的键必须是字符串或者 symbol（通常是字符串）。 值可以是任何类型。
阅读全文
posted @
2021-12-24 10:39
菱蘭
阅读(33)
推荐(0) 编辑
JavaScript基础二
摘要：JavaScript if...Else 语句 条件语句 通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中，我们可使用以下条件语句： if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else
阅读全文
posted @
2021-12-23 16:35
菱蘭
阅读(29)
推荐(0) 编辑
CSS里面看起来很炫酷其实还简单的效果
摘要：学习了一段时间CSS之后我发现，网页上一些看起来比较炫酷的效果，在你眼里已经逊爆了。什么？你别告诉我你不会CSS的渐变，阴影和其他简单效果。那我们来了解一下这些效果的制作吧，好好看好好学。 一、圆角 border-radius 既然要讲一些效果，那我们首先从圆角的制作开始吧。 使用 CSS3 bor
阅读全文
posted @
2021-12-23 15:23
菱蘭
阅读(134)
推荐(0) 编辑
css的动画效果
摘要：学习了一段时间CSS，总感觉自己行了，想自己写一个网页。打开别人网页的模板一看，好炫酷这图怎么还会转动。一下子涉及到了我的知识盲区，其实这就涉及到了CSS的动画效果。 CSS动画基础 一、 CSS @keyframes 规则 要创建 CSS 动画，你需要了解 @keyframes 规则。 @keyf
阅读全文
posted @
2021-12-23 09:30
菱蘭
阅读(94)
推荐(0) 编辑
