Introduction to CSS and How It Improves Web Design

# Introduction to CSS and How It Improves Web Design After learning the basics of HTML, the next important step in my Web2 programming journey was getting introduced to CSS. CSS, which stands for Cascading Style Sheets, is used to control the appearance and layout of web pages. While HTML structures the content, CSS makes the content visually appealing. # What is CSS? CSS is a styling language used to describe how HTML elements should look on a webpage. It allows developers to change colors, fonts, spacing, alignment, and layout. Without CSS, web pages would appear plain and unstructured. In simple terms: HTML builds the structure CSS adds the design # Ways to Apply CSS During my first week learning CSS, I discovered that there are three main ways to apply styles: # 1. Inline CSS This is when styles are added directly inside an HTML tag using the style attribute. Example: <p style="color: blue;">This is a paragraph</p> # 2. Internal CSS This is when styles are written inside the (style> tag in the <head> section of an HTML file. # 3. External CSS This is when styles are written in a separate .css file and linked to the HTML document. This is the most organized and professional method. Basic CSS Properties I Learned In my first week, I learned how to use basic CSS properties such as: background-color – changes the background color color – changes text color font-family – changes the font style text-align – aligns text padding – adds space inside elements margin – adds space outside elements border – adds outlines around elements These simple properties made a huge difference in how my webpage looked. # Why CSS is Important CSS makes websites: More attractive Easier to read Well organized Professional-looking It also helps create a consistent design across multiple pages. # Conclusion Learning CSS has shown me how design plays a big role in web development. It transforms simple HTML pages into visually engaging websites. This is just the beginning, and I am excited to learn more about layouts, positioning, and advanced styling in the coming weeks.