HTML Page with All CSS Examples
DLithe_BC_NFS_T_Task10_CSS
01/02/2022
Task Details:
- Create a web page about CSS
2.Types of CSS… Show the difference between how inline,internal and external CSS are applied
3.Apply CSS for a Table
4.Use rgb,rgba,hsl,hexa color in your page
5.Show the different selectors and how they are accessed
Hii , myself Deepak Mishra in today task we’re going to build a webpage which shows multiple properties of css .
The properties are as below:
Inline Css : the style attribute inside HTML elements
Internal Css : using a <style>element in the <head>section
External Css : using a <link> element to link to an external CSS file
Selectors : id selector , class , element , universal, group
class selectors: .class Selects all elements with class=”intro”
id selectors: Selects the element with id=”firstname”
Element selectors: Selects only <p> elements with class=”intro”
Grouping Selector: Selects all <div> elements and all <p> elements
Universal Selectors: * Selects all elements
Colors:
RGBA & HSL/HSLA colors are introduced in CSS3. Till CSS2, we were using RGB colors ( red, green, blue ) only. RGB and RGBA are Screen colors and not recommended for printing. Total numbers of colors in RGB are 16 millions. But CSS3 also Supports RGBA, HSL colors and HSLA colors. HSL Stands for Hue, saturation, lightness
Output:
Github Link:
https://github.com/deepaksmishra/DLithe_Bootcamp_DeepakMishra/tree/main/css%20task