CSS for beginners 02: CSS syntax structure

preview_player
Показать описание
Hi there and welcome! 😊 In this video, we will explain to you how CSS syntax structure looks like.

In general CSS syntax structure contains:
1. CSS selector - with CSS selector we can select HTML element on which we want to apply our CSS styles ( for example like CSS selector we can have span, which means that we want to apply our styles on every span element in our web page/ HTML document )
2. Declaration block - complete block of code that starts with start curly brace { and that ends up with end curly brace } is known as declaration block. Inside of declaration block we place all CSS styles that we want to define for given selector.
NOTE: By the rule, declaration block needs to have at least one CSS property.
3. CSS property - represents style attribute that points on what style we want to apply on selected HTML element ( for example like CSS property we can have background-color which means that we want to apply some specific background color on selected element )
NOTE: CSS property is always inside of declaration block
List of all available CSS properties can be find here
4. Property value - represents value that we want to set for CSS property ( for example if we have background-color like CSS property, like property value we can set some color yellow, red, blue etc. )

💻 If you want to learn how to build websites from the scratch check out our course that is currently on amazing discount :

NOTE: Buying of our course you support our channel and we are immensely grateful to you for that! ❤️🙏

📺 For the most recent updates please subscribe on our YouTube channel:

🔔 Hit the notification bell to be notified when videos go live.

👤 You can reach us on social media:

🤝If you want to support our work:
Please remember that even little from you means a lot for us. ❤️🙏

❓ Do you have any questions? Feel free to ask us directly on email:

➡️ Please press 👍 button if you like this content and share this video to all that could be interested in this! 🙏

––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––
#CSSBeginners #CSSLearnItFromScratch #CSSSyntax
Рекомендации по теме