Posts

2) Implement CSS with HTML

There are 3 ways to Implement CSS with HTML document: 1) Inline Style - we can use this method with style attribute . 2) Internal Style - we can use this method inside the head section with <style> tag. 3) External Style Sheet - This method will work external css files only.   1) Inline Style <h1 style ="color:red;font-size:14px;">     Welcome to core css blog </h1>   2) Internal Style <html> <head>     <style>        h1{           color:red;           font-size:14px;        }     </style> </head> <body>    <h1>          Welcome to core css blog    </h1> </body> </html>   3) External Style Sheet An external style sheet is...

1) Introduction to CSS

Image
CSS stands for C ascading S tyle S heet. Cascading meaning is CSS applies one style on top of another and Style Sheet is designing the layout of web. CSS is a simple mechanism of describing common presentation semantics for every page in a website. It can control the layout of multiple web pages all at once.  Version of CSS: CSS1 CSS2 CSS3 Why Learn CSS? - Styling the HTML tags - Responsive website - Animation on webpage - 2D and 3D Transformation of HTML Elements - Fast website development process (one css file can handle multiple html layout style) Software Requirement - Text Editor - Browser You can use any text / css editor, my recommendations are: - Notepad - Notepad++ - VS Code - Sublime - Dreamweaver CSS Syntax   Selector {Property1:property1-value; Property2:property2-value;PropertyX:propertyX-value;} or Selector{ Property1: property1-value; Property2: property2-value; PropertyX: propertyX-value; } Selector - The selector points to the HTML...