Metamaterialsandmetasurfaces(METAs)exhibitunusualproperties notoccurringinnaturalmaterials，leading to great potential in wide fields such as integrated optics，invisibility，super-resolution imaging and sensing，and optical communications etc.，and hence attract tremendous academic interests currently. Progresses brought by METAs are three timeshonored oneoftheannualscienceandtechnologybreakthroughsoftheworldby Science.Inthispaper，weintroduce the construction structure，properties，and applications of METAs，as well as our recent works on designing and demonstrating，differentgratingmetasurfacesforshapingwavefront，smartcontrollingFanoresonance，andfar-fieldsuper-resolutionimaging，numericallyandinpartexperimentally.