foreword
In terms of html and css, I personally think that it is mainly in the learning of css, and the most changed is in css. The following mainly introduces some css-related practice websites and some projects. I hope it will be helpful to you~
Recommended website
1、CODEPEN
The code corresponds to the displayed page. You can find demos written by others on it. Refer to the code effect
URL: https://codepen.io
2、Coding Fantasy
Improving CSS in the form of games
URL: https://codingfantasy.com/games
3、CSSBattle
Compete with players around the world and earn rewards by solving problems
4、CSS Challenges
There are various questions and challenges about CSS, and you need to use CSS to make the desired effect. Personally, I think this is a good way to practice CSS. It has different levels of difficulty. If you are interested, you can challenge it
URL: https://css-challenges.com
GitHub project recommendation
1、CSS-Inspiration
Star:8.9k
Provide many kinds of cool CSS effects and various layouts. You can start with the graphics first, customize the css style , and the website will give you the code to realize the layout you need . Slowly digest and turn into your own knowledge reserve
This is one of the renderings of css, which is very interesting
github address: https://github.com/chokcoco/CSS-Inspiration
Official website: https://csscoco.com/inspiration/#/./init
2、You-need-to-know-css
Star:5k
A lot of effects based on CSS are given, including but not limited to text-related, layout-related, etc. effects that I don’t know how to achieve in the project at the beginning. very worth learning
github address: https://github.com/l-hammer/You-need-to-know-css
Official website: https://lhammer.cn/You-need-to-know-css/#/
3、css_tricks
Star:3.8k
Provide many kinds of cool CSS effects and various layouts. You can start with the graphics first, customize the css style, and the website will give you the code to realize the layout you need. Slowly digest and turn into your own knowledge reserve
github address: https://github.com/QiShaoXuan/css_tricks
Official website: https://qishaoxuan.github.io/cs