- 博客(13)
- 问答 (6)
- 收藏
- 关注
原创 freeCodeCamp 练习7 -- css grid
justify-content:设置同一行子元素在X轴的对齐方式。align-content:设置同一列子元素在Y轴的对齐方式。align-items:设置同一行子元素在Y轴的对齐方式。css 防止图片(img)挤压变形。
2023-01-09 17:49:58 163
原创 freeCodeCamp 练习6 -- css variable
在 CSS 中,使用 * 选择器为所有内容添加边框,并为其设置 1px 纯黑色边框。这是一个有助于可视化元素位置和大小的技巧。完成设计后再删除该边框。这将使添加的边框不会为元素增加任何尺寸。
2023-01-09 15:58:06 124
原创 freeCodeCamp 练习5 -- intermediate css
css position 和 overflowcss z-indexcss css 前端——如何用绝对定位(position:absolute)完美定位布局及其注意事项css @media 规则,也称为媒体查询,用于有条件地应用 CSS。应用场景:响应式网页设计。媒体查询通常用于使用 和 属性根据视口宽度应用 CSS。在下面的示例中,当视口宽度为 960 像素及以下时,填充将应用于 .card 类。css 应用场景:溢出隐藏、清除浮动、解决外边距塌陷等等
2022-12-06 13:20:51 124
原创 freeCodeCamp 练习4 -- 选择器 -- building a balance sheet
该值必须是一个完整的单词,可以是单独的,如 class=“top”,也可以后跟一个连字符 (-),如 class=“top-text”。器用于选择具有指定属性的元素,其值可以正好是指定值,也可以是指定值后跟一个连字符(-)。器用于选择具有指定属性的元素,其值以指定值开头。器用于选择属性值以指定值结尾的元素。器用于选择属性值包含指定值的元素。的第一个子元素出现,同时显示在表格内容的最前面。器用于选择属性值包含指定单词的元素。器用于选择具有指定属性和值的元素。器用于选择具有指定属性的元素。
2022-11-22 17:01:43 111
转载 freeCodeCamp tribute page 笔记
备注: 从无障碍的角度来说,说明文字和 alt 文本扮演着不同的角色。所以,说明文字和 alt 的内容不应该一样,因为当图片无法显示时,它们会同时出现。并没有什么联系,这会给使用屏幕阅读的人造成问题,比如当你有 50 张图片和其搭配的 50 段说明文字,那么一段说明文字是和哪张图片有关联的呢?元素,它正是为此而被创造出来的:为图片提供一个语义容器,在标题和图片之间建立清晰的关联。中包含了你需要的内容,以及方便使用 CSS 的一种很好的风格。说到说明文字,这里有很多种方法让你添加一段说明文字来搭配图片。
2022-11-18 21:19:53 210
原创 freeCodeCamp 练习3 -- Learn accessbility by building a quiz
html accesskey 当HTML页面有多个元素时,可以通过 accesskey 属性指定激活该元素的快捷键,这样用户通过键盘快捷键就可以激活对应的HTML元素。html 牢记表单输入的最佳实践:为每个输入赋予适当的类型和名称属性。html 安全的字体设置:第一个值写期望呈现的字体,第二个值写另一种网络安全字体作为后备(fallback)justify-content当项目未使用主轴(水平)上的所有可用空间时,该属性对齐灵活容器的项目。html 能实现“标签”功能的有。搜索引擎优化 (SEO)
2022-11-17 17:52:43 251
原创 freeCodeCamp 练习2
button:没有默认行为的按钮,上面显示 value 属性的值,默认为空。radio:单选按钮,允许在多个拥有相同 name 值的选项中选中其中一个。get 和 post,与计网相关,之后有需要再认真看一下计网。单行的文本区域,输入中的换行会被自动去除。hidden:不显示的控件,其值仍会提交到服务器。css 一个 rule 里同时两个 class。方便设计页面,处理页面边缘元素的效果。css input name 作用。submit:提交表单的按钮。password: 密码。email:邮箱地址。
2022-11-10 20:34:47 219
空空如也
python 检查某字符串是否存在
2021-12-16
检查 POST 得到的数据是否已经存在于数据库中
2021-12-15
想问一下这一段代码有什么问题
2021-12-08
C语言,代码中的一段导致无限循环
2021-11-17
在 C 语言中使用 scanf 时,考虑使用者类型输入错误的情况并给出“错误!”的提示
2021-11-15
安装wsl时出现这行错误
2021-10-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人