css3 - CSS新手练习

Question

看了一些CSS的基本教程，了解了一些基本的语法。
要怎么熟悉更多的CSS技能以至于能达到能设计出完整的网页呢？
有什么这样的练习的网站或者书么

Answer 1

Let me say it too, please don’t criticize me.

Like the questioner, I have just learned some basic syntax of CSS and want to practice. However, I am not very good at 网页 UIdesign (a scumbag in art), so I imitate others. page to do it.
So I found the page of a friend who is a great artist, opened his CSS, and checked his color values, (note, I only looked at his color values) , I didn’t look at the others. Then write the CSS of your own page according to the style of that page. During the imitation process, you only look at the effect of the imitated page displayed on the browser. At most, you look at the color value in CSS (of course, if you have strong color matching skills/are sensitive to color, you can choose the color yourself). Other attributes are based on the Then you can think about how to implement it. (P.S. When I showed the effect to my friend, he was also shocked and asked me how I did it, haha ​​:P)
This method should be quite useful when you are a beginner. Now I am slowly getting the feel of it through imitation, but in the future I will start to have my own ideas. I will let the experts answer what I should do next. My level is Not enough

Answer 2

Give you LayoutIt! A Bootstrap visual layout system that can be edited online with drag-and-drop sorting.
LayOut

Place your layout as you want, then you can download the HTML code and then do it yourself

Answer 3

Find some better websites and continue to modify and debug them until they become your own. The main thing is to practice more.

Answer 4

This is not easy to handle. You can just go to the BAT website to find a front-end effect and implement it yourself. Understand all the technical difficulties you encounter.

Answer 5

http://jsfiddle.net

Answer 6

• Learn to use bootstrap
• Go to www.codecademy.com to learn HTML structure
• Learn to write your own resume static page

Answer 7

Force yourself to cut pictures and make pages. If you have time, check out www.w3school.com.cn

Answer 8

Just tell me my personal opinion.

1. Book: CSS: The Definitive Guide, 3rd Edition by Eric Meyer, through which you can know what CSS is and what it can do in the past.
2. Reference: CSS Of MDN, which provides a reference for CSS property values, a step-by-step introductory guide, and many vivid examples.
3. Commonly used sites: CSS-Tricks, [CSS Zen Garden](CSS Zen Garden: The Beauty in CSS Design), etc...
4. RSS subscription: Web Design Weekly, Responsive Design Weekly, etc..
5. Just do it. If you know the theoretical knowledge but do not practice it, it will not help. The best teacher is practice. Learn from practice. When you encounter problems, you can ask Google or websites like SF, then you will gain a lot.

Answer 9

Let me talk about my original experience: I didn’t read the book, I just took a cut-up website (that is, the design drawing and html/css code), and then cut it again myself. If I don’t know how, I will compare it with the finished product to see how it looks. Written so that I can have a general understanding of CSS.
Then, you can write independently. If you encounter something you don't understand/can't solve, you can check it online. Generally, the problems you encounter have already been asked by others, and gradually you will fall out of the ranks of CSS novices.

Answer 10

Try to make your own Taobao page! Let’s take a look at their source code to see how they deal with special issues, such as clearing floats, how to solve compatibility issues, etc.