【文件属性】:
文件名称:Note-React:注意React应用
文件大小:265KB
文件格式:ZIP
更新时间:2021-03-25 19:10:15
CSS
注意React应用
这是的解决方案。
目录
概述
挑战
用户应该能够:
根据设备的屏幕尺寸查看应用的最佳布局
查看页面上所有互动元素的悬停状态
将新的待办事项添加到列表中
将待办事项标记为已完成
从列表中删除待办事项
按全部/有效/完整的待办事项过滤
清除所有已完成的待办事项
切换明暗模式
奖励:拖放以重新排序列表中的项目
截屏
链接
我的过程
内置
CSS自定义属性
弹性盒
移动优先的工作流程
-JS库
我学到的是
使用CSS变量:
: root {
--dark-grayish-blue : hsl ( 236 , 9 % , 61 % );
}
. wrapper {
background-color : var ( --dark-grayish-blue )
}
渐变边框:
. uncompleted : hover :: before {
border :
【文件预览】:
Note-React-main
----package.json(813B)
----package-lock.json(676KB)
----src()
--------App.css(5KB)
--------index.js(167B)
--------img()
--------components()
--------App.js(369B)
--------index.css(2KB)
----.gitignore(310B)
----public()
--------favicon.svg(398B)
--------index.html(395B)
----README.md(6KB)