Cascading Style Sheet – CSS

CSS Layout – position Property

The position property defines the positioning method for an element. It supports five different values: static relative fixed absolute sticky Elements are positioned using the top, bottom, left, and right…

admin March 30, 2025

Cascading Style Sheet - CSS HTML JavaScript

Project – Arithmetic Calculator

HTML file: mycalc.html  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VBhat's Simple Calculator</title> <link rel="stylesheet" href="calc_style.css"> </head> <body style="background-color:white;"> <div class="calculator">…

admin March 22, 2025

Cascading Style Sheet - CSS

CSS – Property display: flex

Flex box layout. .container{ display: flex; justify-content: center; align-items: center;} 1. display: flex; Enables Flexbox for the element. Makes child elements (flex items) automatically adjust based on the flex container's…

admin March 21, 2025

Cascading Style Sheet - CSS

CSS Box Model (Size, Spacing, Border)

CSS Box Model width: 200px; height: 100px; padding: 10px; margin: 20px; border: 2px solid black; 1. width: 200px; Sets the content width of the element to 200 pixels. It does…

admin March 21, 2025

Cascading Style Sheet - CSS

CSS – Font size property

The font-size property used to set the size of the text. Controlling text size is crucial in web design, but it is important not to manipulate font sizes to make…

admin March 21, 2025

Cascading Style Sheet - CSS

CSS

What is CSS? CSS (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of HTML documents. It defines how elements appear on a webpage, including…

admin March 21, 2025