CSS3 study notes, css3 proficient learning tutorials

CSS3 study notes, css3 proficient learning tutorials

I have recently studied css3. The following is a demo I have written while learning. The newly learned knowledge is easy to forget, so this blog is easy to review later, and it is also a summary of the learned knowledge. This blog is just an imitation exercise in my learning process. I have links to other excellent blogs on the Internet. Thank you very much for the rookie tutorial.

I used to be too lazy. I Don't Know How To sum up every time I learn new knowledge. If I encounter problems that I don't know, I will go online. I don't have a record. In this way, you may understand a certain knowledge point at the time, but it is easy to forget that you cannot be your own things. A few days ago, I read an article "the reason why the experts tried to write their blogs", and I woke up, so I decided to stick to blogging and urge myself to grow.

Directory:

I have also listed many blogs that I have used for reference.

For various browsers, css styles must be individually written with their respective prefixes. For details, refer to browser kernel classification, css3 prefix, and CSS3 unknown advanced attributes. for compatibility issues between browsers, refer to css compatibility issues.

The rounded rectangle is a style that we usually use. Here I refer to the "CSS3 classic tutorial series: Detailed description of CSS3 rounded corners (border-radius)", it is said that the author of this blog, dream sky, is a real "Big Bull ". I have referred to him for many questions.

Projection is also a very common feature. I also referred to the "CSS3 classic tutorial series: box-shadow" in my dream sky. This article also describes the usage and tips of CSS3 shadow box-shadow.

For details about borders, see examples of CSS3 instances: border-image attribute examples and css3: border-image border images.

For details about the Background style, see CSS3 background-size and CSS Background.

For more information about Gradient styles, see CSS3 gradient and the series of typical CSS3 Tutorials: CSS3 linear Gradient (linear-gradient).

For text styles, see text shadow in CSS3 and text shadow in CSS3.

For the rest, refer to these blogs: Airen's blog | dream sky | CSS3 tutorial-DIV CSS3 tutorial topic | CSS3 tutorial, which is worth learning. Thank you very much !!

 

What I wrote during the exercise: the demo is available for download.