Skip to main content

Adding CSS to HTML (URDU / HINDI) Tutorial

Image
By Hassan Malik

There are three ways to incorporate, embed or attach CSS with HTML web page:
1 - Inline CSS
2 - Internal CSS
3 - External CSS
All of the above methods have their own specific syntax and implementation. 

Inline CSS

Inline CSS is added as an attribute to any HTML element. The name of the attribute is style.
It is added like this:
<div style=" "></div>
In the inverted commas, you have to enter the property-value pairs, like this:
<div style="color: red"></div>

Internal CSS

Internal CSS is added as an HTML element under the HEAD tag of HTML web page. The name of the element is <style>.
It is added like this:
<html>
<head>
<style>
h1 {color: red;}
</style>
</head>

External CSS

External CSS is added as an HTML element under the HEAD tag of HTML web page. The name of the element is <link>.
It is added like this:
<html>
<head>
<link href="css/style.css" rel="stylesheet>
</head>
The location/address of your CSS file is entered in the href of the LINK element.
Labels:

Comments

Post a Comment

Popular posts from this blog

Design Organized Website Structures

By
When developing a website, you must proactively decide its structure before starting the coding. But what does the Web Structure mean at the very first place? Website Structure can be defined as follows: When you talk about the structure of a website, you are talking about its components , their working , their location , their inter-dependency , and their interaction with the user. The design of the Website Structure does not include code. Generally, the design includes, wire frames, sketches, mock ups, lists, flow charts and other visual aids. What is a component? Well, it can be defined as follows: Components are the useful or functional parts of a website Every component has a particular purpose and function. For example, navigation bar of a website has a purpose of providing navigation links to the user. But some, components are versatile and have multiple purposes. For example, a header of website can contain a navigation bar, a search bar, a login form
Post a Comment
Read more

Bootstrap Container and Container fluid Easy Frontend Development Course

By Hassan Malik
In this tutorial, we will learn how to use the bootstrap container and container-fluid classes to make website responsive. Company www.webdevelopmentlabs.com Give your feedback here: www.webdevelopmentlabs.com/flow/survey
Post a Comment
Read more

Is Front-end Development Worth Learning?

By
In the modern technological era the skill is not to re-invent the wheel but to amalgamate different things together to form new things. The person who knows how to join things together in the web designing field is the most wanted web developer. Why? The answer is urgency and speed. Organizations spend millions in development not to wait for months for a website or application, and that too with lots of development, deployment and maintenance issues. The ace of web designing industry is the one who can pick different components and join them together. However, to do so you need to understand at least the basics of front-end development industry; just in case, things go wrong you should be able to fix it. Or on a larger scale, most of the times plugging components together isn't the end of front-end development, clients require you to customize their application or website according to their business needs, here you will be looking for some professional web designer who would be doi
Post a Comment
Read more