English
Amharic
Arabic
Armenian
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Czech
Danish
Dutch
Esperanto
Estonian
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hausa
Hawaiian
Hebrew
Hindi
Hmong
Hungarian
Icelandic
Igbo
Indonesian
Irish
Italian
Japanese
Javanese
Malagasy
Malay
Malayalam
Maltese
Maori
Marathi
Mongolian
Myanmar (Burmese)
Nepali
Pashto
Persian
Polish
Portuguese
Punjabi
Romanian
Russian
Slovenian
Somali
Spanish
Sudanese
Swedish
Tajik
Tamil
Telugu
Thai
Turkish
Ukrainian
Urdu
What Is CSS Language? its features and extra information
Difference Between HTML and CSS | What Is CSS With Example
Hello friends! In today’s article, we’ll explain the CSS language in detail. What is CSS? (What is CSS in Hindi) How many types are there? What are the features of the CSS language? What are its uses? What are its advantages and disadvantages? If you want to build your career in web design, learning CSS is essential. If you want to gain basic knowledge of the CSS language, read this article thoroughly. Let’s begin!
Topic
What is CSS?
History of CSS in Hindi | History of CSS
Types of CSS in Hindi | Types of CSS
What is Inline CSS in Hindi | What is Inline CSS?
What is Internal CSS in Hindi | What is Internal CSS?
What is External CSS in Hindi | What is External CSS?
Features of CSS in Hindi | Features of CSS
Difference Between CSS & HTML in Hindi | Difference between CSS and HTML
Example of HTML:
Example of CSS:
Also Read:-
Conclusion | Conclusion
FAQs:
Q1: What is the CSS language?
Q2: What is the difference between HTML and CSS?
Q3: How many types of CSS language are there?
Q4: What is the full form of the CSS language?
What is CSS
The full form of CSS is Cascading Style Sheets. It is a markup language used to enhance the design and layout of websites and their pages. We use CSS to adjust the color, font, animation, background image, layout, and size of a website. Without CSS, websites and their pages would be limited to text and basic structure. It is an important language for web development. This language makes web design easy and effective.
History of CSS
CSS, the Cascading Style Sheets language, was introduced in 1994 by Hakwon Wium Lee. It is used to provide style, layout, and design to HTML websites and web pages. CSS2 was developed in 1998, adding new features such as positioning and media types. CSS3 was developed after 2001, adding modern features such as gradients, animations, and responsive design.The CSS language is used to enhance the design of websites and web pages. Today, the CSS language has become an important part of web development.
Types of CSS in Hindi | Types of CSS
The CSS language is used to control the design and layout of web pages. It is mainly of three types:
- Inline CSS
- Internal CSS
- External CSS
What is Inline CSS in Hindi | What is Inline CSS?
Inline CSS is used to add styles (CSS) directly within HTML tags. Its main advantage is that it associates the style directly with the element, effectively applying it to that element.
For example:
<p style=”color: blue font-size: 16px;”> Hello World</p>
What is Internal CSS in Hindi | What is Internal CSS?
Internal CSS is that which is written within the <style> tag within the HTML document itself. This method is useful when we only want to add CSS to a single page of a website. It is not suitable for adding CSS to the entire website.
For example:
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<title>Internal CSS Example</title>
<style>
h1 {
color: blue;
text-align: center;
}
p {
font-size: 18px;
color: green;
}
</style>
</head>
<body>
<h1>Hello !</h1>
<p>Hello</p>
</body>
</html>In this example, the <style> tag is used in the <Head> section. It provides styling for the h1 heading and p paragraph tags.
What is External CSS in Hindi | What is External CSS?
External CSS is a style sheet. To write external CSS, we need to create a separate file. The CSS file extension is .CSS. We can link a single CSS file to multiple HTML files.
<!DOCTYPE html>
<html lang=”hi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>External CSS Example</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>Features of CSS in Hindi | Features of CSS
CSS is a styling language. It is used to enhance the design of HTML web pages. Some important features of the CSS language are as follows:
Styling and Designing: CSS is used to make the layout of websites and web pages beautiful and attractive. It designs text, images, borders, tables, buttons, backgrounds, etc.
Responsive Design: CSS is used to design responsive websites for all screen sizes, such as laptops, mobile phones, tablets, desktops, etc.
Cascading mechanism: If multiple styles are applied to the same element, the CSS language prioritizes them and then produces the final output.
Selectors and grouping: In the CSS language, specific elements are styled using various selectors (such as class, ID, element).
Animation and transitions: CSS is used to add animations and effects to websites and web pages.
Fast loading and SEO-friendly: CSS code makes web pages lightweight and fast, making them SEO-friendly, improving their SEO performance.
Difference Between CSS & HTML in Hindi | Difference Between CSS and HTML
| Speciality | HTML | CSS |
| Full Name | HyperText Markup Language | Cascading Style Sheets |
| Work | Creates the structure of a web page. | Makes the web page stylish and attractive. |
| How to use? | <h1>, <p>, <img> Tags are used as | {} Properties are used in |
| Use | To add text, images, links, videos, buttons, and more | To change colors, fonts, background, layout, etc. |
| integration | It is used as the basic structure of a web page. | Web pages are designed by combining them with HTML. |
| coding language | It is a markup language | It is a styling language. |
| Freedom | It can also work without CSS. | It cannot work without HTML. |
| file extension | .html | .css |
| Example | <h1>Hello</h1> | h1 { color: blue; } |
Example of HTML:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<h1>Title</h1>
<p>Paragraph</p>
</body>
</html>CSS example:
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
p {
font-size: 18px;
color: black;
}Conclusion
Friends, we hope you’ve read this article to this point and have gained a thorough understanding of the CSS language. If you have any questions about the CSS language, or if you’d like more information, please leave a comment. We’ll try to answer all your questions. Stay tuned for more useful and informative articles like this one. Thank you from the bottom of our hearts for reading this article! We’ll continue to write interesting articles like this for you.
FAQs:
Q1: What is the CSS language?
Ans: CSS (Cascading Style Sheets) is a styling language used to enhance the design and layout of websites and web pages.
Q2: What is the difference between HTML and CSS?
Ans: The main differences between HTML and CSS are:
HTML (HyperText Markup Language) is used to create the structure of a web page.
CSS (Cascading Style Sheets) is used to design the styling (colors, fonts, layout, etc.) of a web page.
Q3: How many types of CSS are there?
Ans: There are three types of CSS:
Inline CSS: Applying styles using the style attribute within an HTML tag.
Internal CSS: Writing CSS within an HTML file within the
