Sign up now
to enroll in courses, follow best educators, interact with the community and track your progress.
7 lessons,
59m 21s
CSS Introduction (in Hindi)
1,252 plays

This lesson covers the CSS introduction and ways to implement a CSS file in Html document.

Sourav Maity
B.Tech | Computer Science | Android Developer | Web Developer | Programmer | Cyber Security | Digital Marketing experience.

Unacademy user
ritika mam the structure of all information about polity is very well prepared and it's so exciting to be waiting for your another updates. u r just awesome in teaching.
add some more videos pls sir it will be helpful to us thank you
  1. CSS Introduction By: Sourav Maity Styling HTML with CSS CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS can be added to HTML elements in 3 ways: Inline by using the style attribute in HTML elements Internal - by using a <style> element in the <head> section External by using an external CSS file

  2. Why Use CSS? CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. CSS Solved a Big Problem HTML was NEVER intended to contain tags for formatting a web page! HTML was created to describe the content of a web page, like: h1>This is a heading /h1> p>This is a paragraph./p> When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process. lem, the World Wide Web Conso CSS removed the style formatting from the HTML page!

  3. Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. This example sets the text color of the <h1> element to blue: <IDOCTYPE html> <html> body> <h1 style="color:blue;">This is a Blue Heading</h1> K/body /html>

  4. This is a Blue Heading

  5. Internal CSS An internal CSS is used to define a style for a single HTML page An internal CSS is defined in the <head> section of an HTML page, within a ty element: <IDOCTYPE html> <html> <head> style> body (background-color: powderblue;) h1 (color: blue;) p fcolor: red;) p color: red) </style </head> <body> h1>This is a heading /h1> p>This is a paragraph.</p> </body </html>

  6. This is a heading This is a paragraph.

  7. External CSS An external style sheet is used to define the style for many HTML pages With an external style sheet, you can change the look of an entire web site, by changing one file! To use an external style sheet, add a link to it in the <head> section of the HTML page: <IDOCTYPE html> <html> <head> <link rel-"stylesheet" hre "styles.css"> </head> <body> h1> This is a heading</h1> Sp>This is a paragraph.</p> </body> K/html>

  8. This is a heading This is a paragraph.

  9. CSS Fonts The CSS color property defines the text color to be used The CSS font-family property defines the font to be used The CSS font-size property defines the text size to be used Example <!DOCTYPE html> <html> <head> <style> h1 { color: blue; font-family: verdana; font-size: 300%; </style> /head> <body> <h1> This is a heading</h1> </body> K/html>

  10. CSS Border The CSS border property defines a border around an HTML element: Example border: 1px solid powderblue; CSS Padding The CSS padding property defines a padding (space) between the text and the border: Example border: 1px solid powderblue; padding: 30px