CSS

STEP 3 — Learn CSS Basics (Start Styling Websites)
Now that you finished HTML, the next thing is CSS.
Start from the fundamentals:
✅ 1. CSS Syntax
selector { property: value; }
✅ 2. How to add CSS
Inline CSS
Internal CSS (inside <style>)
External CSS (best method)
✅ 3. Colors
color
background-color
rgb(), hex, hsl
✅ 4. Text Styling
font-size
font-weight
font-family
text-align
text-decoration
text-transform
line-height
letter-spacing
✅ 5. Box Model (MOST IMPORTANT)
Every element has:
margin
border
padding
content
Learn:
margin vs padding
margin: auto
box-sizing: border-box
✅ 6. Display Types
display: block
display: inline
display: inline-block
display: none
✅ 7. Width & Height
px
%
vh, vw
min-width, max-width
✅ 8. Background Properties
background-image
background-size
background-repeat
background-position
background-attachment
✅ 9. Borders & Radius
border
border-radius (for rounded corners)
✅ 10. CSS Positioning
static
relative
absolute
fixed
sticky
✅ 11. Flexbox (VERY IMPORTANT)
display: flex
justify-content
align-items
flex-direction
gap
⭐ After this → You will be able to design proper websites.

Comments

Post a Comment

Popular posts from this blog

How AI Is Quietly Changing Your Everyday Life (And You Don’t Even Notice)

Image
                             AI AND EVERY DAY You’ve probably interacted with AI today without even knowing it. Whether you asked your phone a question, scrolled through TikTok, or got a text suggestion — AI was quietly working behind the scenes. It’s not all robots and sci-fi. AI has become invisible , blending into the apps, tools, and tech we use every da  1. AI in Your Pocket – Smartphones Your phone is basically an AI hub: Autocorrect learns your typing style. Face unlock uses facial recognition powered by machine learning. Voice assistants (Siri, Google Assistant) understand your speech and improve over time. y. Here’s how it’s shaping your life — without making a big deal out of it. 2. AI at Home Smart devices are turning your home into an intelligent space: Alexa/Google Home learns your routines. Smart thermostats adjust temperature based on your behavior. Robot vacuums map...
Read more

SILENCE

 “The Silence Between Words” “Sometimes, silence speaks louder than a thousand words.” In a world overwhelmed with noise, constant chatter, and an unending stream of content, we often overlook the most powerful communicator of all — silence . Not the absence of sound, but the quiet space between our words, the pause between thoughts, and the stillness that allows meaning to breathe. Welcome to “The Silence Between Words” — a space to explore the profound power of what’s not said. The Hidden Language of Silence We tend to think of communication as something that happens only when we speak, write, or listen. But if you've ever paused during a conversation and allowed silence to linger, you've probably noticed: that pause carries weight. Silence can: Emphasize a point. Invite reflection . Show presence . Reveal truth when words fall short. In poetry, it's the white space that gives the verse room to breathe. In music, it's the rest that gives rhythm...
Read more

Consistency

🧠 Why Consistency Beats Motivation Every Time Everyone loves that sudden spark of motivation—like when you see a reel and swear you’ll hit the gym tomorrow. But let’s be real… motivation fades. What actually keeps you winning? Consistency. ⏰ 1. Tiny Habits > Big Plans You don’t need a 2-hour routine. Even 15 mins of daily work compounds. Small but steady steps will outshine random bursts of effort. 📈 2. Discipline Is the Real Flex Motivation says, “I’ll do it when I feel like it.” Discipline says, “I’ll do it regardless.” That mindset shift? Game-changing. 🔄 3. Progress Over Perfection Waiting to feel “ready” is just procrastination in disguise. Start messy, improve later—consistency naturally levels you up. 🌟 4. The Snowball Effect One consistent win leads to another. Workout → better mood → productive day → good sleep → repeat. That’s how you glow-up in all areas. 🚀 Final Vibe Motivation gets you started, but consistency makes you unstoppable. So stop waiting for the perfect ...
Read more