# Welcome to CSS Diner
It's a fun game to learn and practice CSS selectors.
To play, visit [flukeout.github.io](http://flukeout.github.io/) or [cssdiner.com](http://cssdiner.com/)
### Change Log
**Aug 25,2016**
* Added Twitter, Facebook and Email share actions
* Tracking clicks with GA Events
* Made the level menu and editor area scroll independently
* Using custom jQuery scroll library
**Aug 18,2016**
* Started using ``cssdiner.com`` to redirect to ``flukeout.github.io``
**Aug 12,2016**
* Added checkmarks to completed levels in level menu and header
**Aug 4,2016**
* Began tracking progress and correct guesses with GA Events
### Filing issues and PRs
Please file issues and PRs in the [css-diner repo](https://github.com/flukeout/css-diner/).
### Repo structure
Here's the repo structure, it's a bit confusing...
* Currently, all of the working code (including issues, PRs and in-progress branches) is hosted in the [css-diner repo](https://github.com/flukeout/css-diner/)
* The lastest version of the code is on the ``develop`` branch
* The live version is published from the [flukeout.github.io repo](https://github.com/flukeout/flukeout.github.io/issues)
* Live version lives on the ``master`` branch
### Deploying
This is more of a note to myself in case I forget, to deploy the latest version, I'll have to push to the ``master`` branch on the ``flukeout.github.io`` repo from the latest ``develop`` branch.
# Roadmap and Status
**Potential Features & Improvements**
* Lots of people have trouble with level 19, how should I address this?
* Create levels for attribute selectors
* Will probably add attributes like ``customer='bob'`` and place a little nametag by those dishes
* Also some great ideas in [this issue](https://github.com/flukeout/css-diner/issues/91)
* Figure out how to tackle the ``.table`` element
* Including it in the selector string makes the selectors invalid, but it shouldn't
* Investigate the order of stacked oranges in the markup, some users think it's counter intuitive
* Block attempts to use comma between selectors
* Only pass each level if that level's selector is used
* Make it easier to navigate between levels
* Number all of the levels in the menu
* Add UI to Tweet about finishing all of the levels
* Add additional challenges per Selector
* Some repetition per level would be good
### Special Thanks
* [@k88hudson](https://twitter.com/k88hudson)
* [@antlam](http://www.twitter.com/antlam)
* [@smashman2004](https://twitter.com/smashman2004)
没有合适的资源?快使用搜索试试~ 我知道了~
css字间距-CSS-master.zip
共97个文件
html:30个
png:28个
xml:7个
需积分: 17 0 下载量 20 浏览量
2023-01-02
22:08:31
上传
评论
收藏 4.16MB ZIP 举报
温馨提示
css字间距
资源推荐
资源详情
资源评论
收起资源包目录
css字间距-CSS-master.zip (97个子文件)
CSS-master
CSS笔记.md 18KB
details
利用超链接进行页面内跳转.html 889B
伪元素.html 4KB
兄弟元素选择器.html 823B
伪类选择器.html 1KB
选择器的优先级.html 343B
meta标签.html 591B
选择器.html 1KB
长度单位.html 424B
iframe内联框架.html 174B
README.md 106B
样式的继承.html 420B
css-diner-develop
js
levels.js 22KB
restaurant.js 18KB
jquery.mCustomScrollbar.min.js 39KB
jquery.js 94KB
LICENSE 16KB
NOTES.md 2KB
css
style.css 22KB
jquery.mCustomScrollbar.css 52KB
index.html 6KB
.gitignore 15B
images
icon-facebook.svg 2KB
icon-twitter.svg 2KB
share.png 21KB
icon-email.svg 2KB
fb-share.jpg 69KB
line.gif 1KB
ANSWER.md 278B
README.md 2KB
favicon.png 16KB
integrated layout
垂直外边距的重叠.html 435B
背景.html 633B
表单.html 422B
绝对定位.html 576B
固定定位.html 670B
浏览器默认样式.html 702B
解决高度塌陷问题的最终方案1.html 550B
简单布局.html 1KB
解决高度塌陷问题的最终方案2.html 455B
相对定位.html 572B
边框.html 407B
gaomu.jpg 291KB
clearfix.html 417B
浮动.html 652B
.idea
codeStyles
codeStyleConfig.xml 149B
vcs.xml 180B
workspace.xml 10KB
modules.xml 258B
CSS.iml 458B
exercise
polo360.psd 5.24MB
Temp
75-2.jpg 104KB
75.jpg 178KB
导航条2.html 388B
.idea
codeStyles
codeStyleConfig.xml 149B
exercise.iml 458B
vcs.xml 183B
modules.xml 268B
.gitignore 104B
img
btn-active.png 1KB
player.png 2KB
75.png 1KB
btn-link.png 1KB
btn.png 1KB
btn-hover.png 1KB
练习1.html 4KB
按钮练习.html 1KB
polo360
js
DD_belatedPNG_0.0.8a-min.js 7KB
img
icon01.png 7KB
pointer.png 2KB
input-btn.png 5KB
pic02.jpg 14KB
logo.png 7KB
icon03.png 5KB
banner-bd.png 2KB
bnt1.png 2KB
line.png 1KB
pic-r-02.png 6KB
img-bd.png 2KB
pic-r-01.png 7KB
banner01.png 458KB
icon04.png 7KB
input.png 1KB
pic03.jpg 15KB
icon05.png 5KB
pic01.jpg 14KB
pointer-click.png 2KB
pic-r-03.png 5KB
icon02.png 5KB
bd-bg.png 1KB
input-area.png 1KB
css
main-min.css 3KB
main.css 4KB
reset.css 1KB
index.html 5KB
遮罩案例.html 704B
导航条.html 880B
共 97 条
- 1
资源评论
BinaryStarXin
- 粉丝: 7851
- 资源: 287
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- OneNET云平台利用MQTT协议远程控制,ESP32
- travel 基于协同过滤算法的景点推荐系统.zip
- light room9.1.apk
- (单片机Protues入门笔记)单片机Proteus仿真软件入门笔记约80多页,内容图像并茂
- (单片机Proteus案例)基于80c51单片机的比赛计分器电路仿真实现
- 增强型51单片机(stc15系列)驱动ws2812彩灯模块库文件
- (单片机Protues案例)基于51单片机交通灯仿真实现
- 23种设计模式-C++实现.zip
- (单片机Protues案例)基于51单片机的频率计仿真实现
- (单片机Proteus案例)Proteus单片机仿真实例之键盘系列
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功