随笔分类 -  HTML+ CSS（freecodecamp）

主要内容均来自freecodecamp。 网址：https://www.freecodecamp.org/learn/
CSS Grid
摘要：**简介：**CSS 网格是一个较新的标准，用于构建复杂的响应布局。它通过把 HTML 元素转换为具有行和列的网格容器，以便将子元素放置在所需要的位置。 在这个课程中，你将通过构建不同的复杂布局（包括博客）来学习 CSS 网格的基础知识。 创建一个 CSS 网格 通过将属性 display 的值设为 阅读全文
posted @ 2021-05-19 16:07 unuliha 阅读(257) 评论(0) 推荐(0)
CSS Flexbox
摘要：注：内容来自https://www.freecodecamp.org/learn/ **简介：**Flexbox（弹性盒子）是最新版本的 CSS（即 CSS3）中引入的一种强大且兼容性好的布局方法。使用 flexbox，我们可以很容易地处理好页面上的元素布局，并创建可以自动缩小和放大的动态用户界面。 阅读全文
posted @ 2021-05-19 10:41 unuliha 阅读(87) 评论(0) 推荐(0)
CSS 增强网页适配性
摘要：注：内容来自https://www.freecodecamp.org/learn/ **简介：**人们可能通过形状和大小不同的设备来访问网页。通过响应式网页设计，你可以设计出能灵活适应不同屏幕大小、方向和分辨率的网页。 在这个课程中，你将学习如何使用 CSS 让你的网页在不同设备上看起来都不错。 创 阅读全文
posted @ 2021-05-18 16:26 unuliha 阅读(365) 评论(0) 推荐(0)
CSS 增强元素的可读性
摘要：注：内容来自https://www.freecodecamp.org/learn/ **简介：**在网页开发中，可访问性是指网页内容和用户界面可以被用户理解、浏览并与之交互。这里的用户包括有视觉障碍、听觉障碍或认知障碍的用户。 在这个课程中，你将学习提升网站可访问性的最佳实践。 为视觉障碍用户添加替 阅读全文
posted @ 2021-05-18 16:13 unuliha 阅读(213) 评论(0) 推荐(0)
CSS 常用标签、属性
摘要：注：内容来自https://www.freecodecamp.org/learn/ **简介：**视觉设计结合了排版、色彩理论、图形、动画、页面布局等，以表达独特的信息。 在这个课程中，你将学习如何将这些不同的视觉设计元素应用到网页上。 text-align控制文本对齐 web 内容大部分都是文本。 阅读全文
posted @ 2021-05-18 10:56 unuliha 阅读(1204) 评论(0) 推荐(0)
Basic CSS
摘要：注：内容来自https://www.freecodecamp.org/learn/ 修改指定位置的颜色 通过在元素内指定style属性中的color可以设定特定位置元素的颜色。 <h2 style="color: blue;">CatPhotoApp</h2> 样式块为同类元素设定样式 在代码的顶部 阅读全文
posted @ 2021-05-17 11:18 unuliha 阅读(202) 评论(0) 推荐(0)
Basic HTML and HTML5
摘要：注：内容来自https://www.freecodecamp.org/learn/ 标题 一级标题使用<h1>开始，</h1>结束，其他级别标题类似。 <h1>Hello World</h1> <h2>CatPhotoApp</h2> 段落 段落用<p>开始，以</p>结束，并且是小写，大写不可用。 阅读全文
posted @ 2021-01-06 17:00 unuliha 阅读(199) 评论(0) 推荐(0)