# Code-Practice

**Repository Path**: CreatShare/Code-Practice

## Basic Information

- **Project Name**: Code-Practice
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-10-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CreatShare-Code-Practice

## 说明
每期的题目都会发在这个README文件里，按日期顺序向下排列。

请大家先 `Fork`，之后 `Clone` 自己 `Fork` 之后的库，写的时候创建一个新分支，并且在对应日期的文件夹里创建自己名称的文件夹，代码放在里面，写好后提交 `Merge Request`。

需要`git`简单入门或者不会使用`git`的请参考以下:

>  0x01. git-quik-sart : http://git.oschina.net/kashin/git-quick-start
>  0x02. git简易教程 : http://rogerdudler.github.io/git-guide/index.zh.html

不要提交无关代码，编译中的缓存文件，不必要的配置文件等。

各个年级做对应自己的题目，并提交，更高难度的选做。在最后提交日期前必须发出 `Merge Request`。

每个人不能使用任何第三方CSS,JS的库或框架，可自己实现（特殊题目要求除外）。


## 题目

### 2015-11-02

* 大一：搞懂什么是块级元素，什么是行内元素，两者有什么区别。可自己写代码练习，无需提交，最后提交日期当天进行考核。

* 大二：实现[这张图](http://7xls35.com1.z0.glb.clouddn.com/p1.png)的效果，无需实现tab切换，要求完成图中所有样式，包括每个列表项的hover效果（见第四个），及最后一个input。所需图片，图标自行解决，推荐使用 Font Awesome 作为图标库。

* 大三：在大二的基础上，完成tab切换（点击最上方三个按钮时，仅切换中间的列表项，最下面的input不动），tab切换带有左右滑入滑出效果，input输入时自动英文字母小写转大写。

最后提交日期：2015-11-04

### 2015-11-11

* 大一：做[这页](http://www.w3school.com.cn/html/html_quiz.asp)和[这页](http://www.w3school.com.cn/css/css_quiz.asp)的测试题，在本次最后提交日期时私信我分数，并连同上次题目一起考核。

* 大二：实现一个3X3的图片墙，要求：

    * 每个单元格的宽高都是200px，所以总大小是600X600。
    * 每个块中显示大小不一的不同图片,当图片大小超过块大小时，图片缩放显示，反之不变。
    * 每个块中的图片必须显示完全。
    * 使用[这些图片](http://7xls35.com1.z0.glb.clouddn.com/归档.zip)

* 大三：在大二的基础上，增加如下效果：鼠标移到某一单元格上，单元格显示弹出效果，单元格长宽各放大10%，放大过程带有CSS3动效，鼠标移出后恢复原状，这个过程同样有动效。

上述CSS代码建议使用SCSS或LESS书写，每个人不要出现上次代码中我已经指出的问题。

最后提交日期：2015-11-15