filmov
tv
CSS for beginners 02: CSS syntax structure
![preview_player](https://i.ytimg.com/vi/QAdek0kSYrQ/maxresdefault.jpg)
Показать описание
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
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