External css.pptx on chapter 5 introduction to html

detail escription about cascading stylesheet

1. External css

2. Description Display Flexbox : Uses display: flex; to enable a flexible layout for child elements. Horizontal Centering : Aligns content horizontally in the center with justify-content: center; . Vertical Centering : Centers content vertically using align-items: center; . Full Viewport Height : Sets the container height to 100% of the viewport with height: 100vh; . No Margin : Removes default margins with margin: 0; for a seamless design. Light Blue Background : Applies a light blue background color ( #f0f8ff ). Clean Font : Uses Arial font or a generic sans-serif fallback for a modern and readable text appearance.

3. Description for css Text Alignment : Centers the text within the <div> using text-align: center; . Font Size : Sets the font size to 2rem for larger, more readable text. Text Color : Applies a dark gray color ( #333 ) for the text for good contrast. Padding : Adds 20px of padding inside the <div> for spacing around the content. Border : Creates a solid green border ( #4CAF50 ) that is 2px thick. Border Radius : Rounds the corners of the border with a radius of 10px for a softer look. Background Color : Sets the background to white ( # ffffff ) for a clean appearance. Box Shadow : Adds a subtle shadow effect ( rgba (0, 0, 0, 0.1) ) below the <div> for a slight 3D effect.