Web Design with CSS

The well-established and essential technology for creating modern websites, with the separation of content and graphics layers, is called CSS. Finding resources on the internet, white papers, ebooks, manuals, and tutorials on this topic is very easy, but navigating through all this information can be difficult. Where to start can be a serious problem, especially since you never have the certainty that the quality of the documentation you found with a minimal search on Google is good. How to do it? Personally, I always start with Wikipedia, but by entering these keywords on Google or Yahoo: WIKI BOOKS CSS. Starting with the right research is fundamental to not wasting time. I invite you to do the research with the keywords on Google that I advised you to do now. We have all found high-quality content because it has been carefully analyzed by the Wikipedia team. http://it.wikibooks.org/wiki/CSS is the link we found. As you will read, this book has been selected as a showcase book, so you have found a good book right away. You can download it directly from this link in PDF format to consult it when you are offline. Ok, we're done. This wikibook is a useful read only if you need to undertake a specific job with the web, otherwise I do not recommend reading it because it would certainly be boring and heavy. It's not boring if you have a project to develop and you have goals to pursue and you think the web is a great opportunity. What is CSS? To give a different definition from the one in the wikibook that I suggested above, I invite you to look again at the Lego man image above. On the left, we have the project of the man with lines (basic content) without any graphic detail (color, position, and qualifying objects of the initial project). The image of the man on the right makes the project clear by adding attributes and qualities, but also by adding objects that suggest the man's goal. The W3C provides a formal and exhaustive definition in English of what CSS is and how it is used. http://www.w3schools.com/Css/css_intro.asp. Which parts of the book are fundamental? The book is already a great summary, but in my opinion, delving into the positioning section can give a practical advantage when creating professional style sheets. Another resource that can help with the explanation of the main CSS selectors is the following site: http://www.cssportal.com. How do you insert CSS into the HTML code you are creating? As you can see above, insert the CSS file as an external link, even if there is a mode to insert the CSS code internally into the HTML page, but I strongly advise against it because the CSS technology is meant to save time in modifying the final graphic layouts. If you use CSS correctly, you can save a lot of time in updating the graphics and layout of pages. Here's an example of a professional CSS where advanced techniques are used for positioning and text styling. To receive more information on CSS, you can sign up for the "free for you" section and ask me for more professional examples for advanced use. Positioning in CSS is underestimated by many web designers. Here's the section I recommend studying with great attention. Positioning. CSS allows you to position objects within a page that vary or remain fixed, regardless of the size in which the page is displayed and/or when scrolling. In a page, an element can be positioned in three different ways: following the normal flow of the page as predicted by HTML, without any connection to the rest of the flow of elements, aligning in such a way that the elements are arranged side by side (this technique, called in technical jargon floating, is similar to the functioning of the align attribute of images).