CSS Basics - Styling the Web
🚀 I’m a second-year B.Tech student in Computer Science Engineering at Chaudhary Charan Singh University, Meerut, with a strong passion for software development and building scalable, real-world solutions. 💡 I enjoy solving complex problems and have built a solid foundation in Java and JavaScript, along with a growing command of Data Structures & Algorithms (DSA). Through competitive programming and hands-on projects, I continue to sharpen my problem-solving skills and logical thinking. 🌐 I’m currently focused on mastering the MERN stack (MongoDB, Express.js, React.js, Node.js) for full stack web development. I'm also exploring the fundamentals of System Design and DevOps to gain a deeper understanding of scalable architecture, deployment, and modern development workflows. 🛠️ Skills & Interests: 💻 Programming: Java, JavaScript 🌐 Full Stack: MERN Stack (MongoDB, Express, React, Node) 📦 DevOps: Basics of CI/CD, version control, deployment practices 📚 DSA: Arrays, Linked Lists, Recursion, Trees (actively learning more) 🧠 CS Fundamentals: DBMS, Operating Systems, OOP, Computer Networks 🏗️ System Design (currently learning core concepts) 🌱 I’m a fast learner, always curious, and excited to grow as a software engineer. Whether it’s contributing to a project, solving a tough bug, or learning a new tool, I thrive in environments that challenge me to improve. Let’s connect and collaborate on building something meaningful!
CSS
CSS is just like the makeup. With the help of CSS you can make beautiful layout’s and web pages.
CSS is the language we use to style an HTML document.
CSS describes how HTML elements should be displayed.
Types of CSS
Inline CSS.
Internal CSS.
External CSS.
Understanding the CSS Box Model:
Margin
- In margin we giving some space between body and header as we see in given image below.
Padding
- In padding we are adding space between border radius and content.
Border
- Border is like the boundary .
CSS Specificity Algorithm
If there are two or more CSS rules that point to the same element, the selector with the highest specificity will "win", and its style declaration will be applied to that HTML element.
Higher priority wins.
ID and CLASS
ID is unique only given once at a time.
Class is not unique we can give class to the group to tags.
Beginner Mistake
using ! important
using under inline
not using various color
not understanding specificity like use of class , id , many more.
not using dev tools for inspect or debugging.