Lesson 3: Introduction to CSS Version 3 (CSS3)

Hello,
Welcome to another excellent learning in the world of Web Development.
This week we have learned more about CSS. We focused more on the CSS version three. This week we have learned about how CSS3 has made it easier to add and arrange backgrounds, borders, fonts, and formatting of  web pages. Two major things we learned were the CSS selectors and CSS properties. A CSS selector is the part of a CSS rule set that selects the content you want to style. An example of a selector is: element [attribute$=value] this selector Selects every instance of a specified element whose specified value.

CSS Properties defines what aspect of the selector will be changed or styled. An example of a CSS property is a web page background this property Specifies all properties for the page background. A web developer can use more CSS3 selectors and properties, and when that happens the developer has more control over the developer's HTML element styles. Web designers can create any background when they use CSS3. This is because CSS3 provides background properties that enhance backgrounds on web pages. These Background properties are commonly used in CSS to add color or images to a Web page background. These properties are background origins, background-clip, and background-size. If a web developer wants to add multiple backgrounds to a web page the CSS background properties allow it. The multiple background technique allows a web designer to specify multiple images on a background in a single declaration. This enables you to combine and layer more than one image in your page background. Another way to make a web page look more sophisticated is by using the CSS opacity property. CSS3 uses the opacity property to specify transparency for an element. This property can be applied to HTML elements such as structure tags and images. Opacity is the amount of transparency in an element's appearance.

CSS Border Properties attempt to match or provide similar functionality of programs so a designer can create buttons and menus for Web pages. CSS3 Font Properties Specify all the font properties in one declaration. Fonts in CSS3 are identified using the @font-face rule. This rule allows developers to specify custom fonts for their Web page elements. Lastly we learned about CSS3 Text Effects. CSS3 provides several new text properties designed to expand the formatting and capabilities of Web page text. An example of a CSS3 Text Effects is hanging-punctuation. This property Specifies whether (and how) punctuation characters can appear outside the line box at the beginning or the end of a full line of text. If you follow all the CSS3 rule and master it functions, designing a web page will be easy and fun!

I hope you learned something from here.