--- title: "#css-basics articles | Hashnode" description: "Explore 20 articles tagged #css-basics on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/css-basics" --- Tag # #css-basics 20 posts · 0 followers [Shravan Chaudhari](https://hashnode.com/@shrvn) · [Feb 15](https://hashnode.com/posts/css-selectors-101-targeting-elements-with-precision/69920deb77760c6f7d7007bf) ### [CSS Selectors 101: Targeting Elements with Precision](https://shrvn.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) Learn how to use CSS selectors to precisely target and style HTML elements on your web pages with ease 8 min read · [shrvn.hashnode.dev](https://shrvn.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) [Shubham](https://hashnode.com/@shubham164dev) · [Feb 2](https://hashnode.com/posts/css-selectors-101/69804253fcce1c3ff2c32673) ### [CSS Selectors 101](https://codingwoding.hashnode.dev/css-selectors-101?utm_source=hashnode&utm_medium=feed) Targeting Elements with Precision 8 min read · [codingwoding.hashnode.dev](https://codingwoding.hashnode.dev/css-selectors-101?utm_source=hashnode&utm_medium=feed) [Aaditya Goel](https://hashnode.com/@Baki-Bytes) · [Feb 1](https://hashnode.com/posts/css-selectors-explained-simply-how-css-chooses-what-to-style/697f9b5069643cc280baa234) ### [CSS Selectors Explained Simply (How CSS Chooses What to Style)](https://bakibytes.hashnode.dev/css-selectors-explained-simply-how-css-chooses-what-to-style?utm_source=hashnode&utm_medium=feed) Learn how CSS selectors work to target and style HTML elements effectively, ensuring precise and structured web design 3 min read · [bakibytes.hashnode.dev](https://bakibytes.hashnode.dev/css-selectors-explained-simply-how-css-chooses-what-to-style?utm_source=hashnode&utm_medium=feed) [RANJAN KUMAR](https://hashnode.com/@RanjanSarai) · [Feb 1](https://hashnode.com/posts/a-complete-guide-to-understanding-css-selectors/697f5faec77be24f7ad4c15a) ### [A Complete Guide to Understanding CSS Selectors](https://learnwithranjan.hashnode.dev/a-complete-guide-to-understanding-css-selectors?utm_source=hashnode&utm_medium=feed) Learn CSS selectors: element, class, ID, and selector priority for HTML styling 3 min read · [learnwithranjan.hashnode.dev](https://learnwithranjan.hashnode.dev/a-complete-guide-to-understanding-css-selectors?utm_source=hashnode&utm_medium=feed) [Pankaj kumar](https://hashnode.com/@pankaj4391) · [Jan 30](https://hashnode.com/posts/css-selectors-101-targeting-elements-with-precision/697d0959581c082daf813a1d) ### [CSS Selectors 101: Targeting Elements with Precision](https://leanwithpankaj.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) HTML creates the structure of a webpage: headings paragraphs buttons divs But CSS is used to style them: colors fonts spacing layout How does CSS know which element to style? —> That’s where selectors come in. What is a CSS Selector? A CS... 3 min read · [leanwithpankaj.hashnode.dev](https://leanwithpankaj.hashnode.dev/css-selectors-101-targeting-elements-with-precision?utm_source=hashnode&utm_medium=feed) [Nand Kishore](https://hashnode.com/@nandu6425) · [Jan 27](https://hashnode.com/posts/css-basics/6978cee73796d97522a668c6) ### [CSS Basics](https://cssheet.hashnode.dev/css-basics?utm_source=hashnode&utm_medium=feed) Why CSS selectors are needed? Css selectors are ways to choose the elements CSS Selectors are needed to shorten the code by not repeating the CSS code for different tags.It also enhances the readability of the code. Real World analogy :- India is mu... 2 min read · [cssheet.hashnode.dev](https://cssheet.hashnode.dev/css-basics?utm_source=hashnode&utm_medium=feed) [Uditya Pal](https://hashnode.com/@uditya) · [Dec 14, 2025](https://hashnode.com/posts/basics-of-cascading-style-sheet/693e6338143bcf5e865c71ae) ### [Basics of Cascading Style Sheet](https://basics-css.hashnode.dev/basics-of-cascading-style-sheet?utm_source=hashnode&utm_medium=feed) Basics of CSS CSS stand for Cascading Style Sheet. CSS is use to style the webpage, styling the elements and make them beautiful like -- In our body our skin , color , muscles in our body to beautify the human similarly CSS beautify the Webpages lik... 3 min read · [basics-css.hashnode.dev](https://basics-css.hashnode.dev/basics-of-cascading-style-sheet?utm_source=hashnode&utm_medium=feed) [Abhishek Singh](https://hashnode.com/@abhisheksinghkirola) · [Jan 21, 2025](https://hashnode.com/posts/familarize-with-css-basics/678fe6cd02bbd67303466566) ### [Familarize With Css Basics. 🤝](https://abhishek-singh-kirola.hashnode.dev/familarize-with-css-basics?utm_source=hashnode&utm_medium=feed) Are you interested in creating interesting designs for your website? 🎨If so, this article is perfect for you as a beginner, helping you to make your website look good and amazing! In this article, we will cover the basics of CSS, including what CSS ... 6 min read · [abhishek-singh-kirola.hashnode.dev](https://abhishek-singh-kirola.hashnode.dev/familarize-with-css-basics?utm_source=hashnode&utm_medium=feed) [dheeraj koranga](https://hashnode.com/@oyeEngineerSahab) · [Sep 26, 2024](https://hashnode.com/posts/css-box-model/66f4e769f4d1781fe80cd92e) ### [CSS Box Model](https://gyannbaato.hashnode.dev/css-box-model?utm_source=hashnode&utm_medium=feed) The CSS Box Model is a fundamental concept that defines how elements are sized and spaced on a web page. Every HTML element can be thought of as a rectangul 5 min read · [gyannbaato.hashnode.dev](https://gyannbaato.hashnode.dev/css-box-model?utm_source=hashnode&utm_medium=feed) [Mostafijur Rahman](https://hashnode.com/@NeptuneCode) · [Sep 16, 2024](https://hashnode.com/posts/introduction-to-css-a-beginners-guide/66e8687ca20654e16a5418cb) ### [Introduction to CSS: A Beginner's Guide](https://neptunecode.hashnode.dev/introduction-to-css-a-beginners-guide?utm_source=hashnode&utm_medium=feed) Learn the fundamentals of CSS, its importance in web development, and how it enhances HTML. Discover different ways to apply CSS. 5 min read · [neptunecode.hashnode.dev](https://neptunecode.hashnode.dev/introduction-to-css-a-beginners-guide?utm_source=hashnode&utm_medium=feed)