HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

HTML div style - div style class


<< Previous Page
HTML Text and Paragrafs
Next Page >>
HTML Colors



HTML Tutorial » HTML Style

Inserting a style for div style there are three ways:
External style sheet,
Internal style sheet,
Inline style,
For any <div> on your page, you can specify any CSS property as: color, font-style, font-family, font-size, background, etc.

Inline html div style


Here in example 1 we give css to div of height, width, background and color.

Example 1:
<div style="height:300px; width:450px; color:#000000; background:#CCC"> Add your text here</div>
Note: try to avoid inline-css, you have to make external HTML div style.

Internal and external style of html div


You can archieve same using Internal or External CSS
1. Internal style for html div.
Example2:
<html >
<head>
<style>
div {
height:50px;
width:50px;
background-color:red;
}
</style>
</head>
<body>
<div> Here your text</div>
</body>
</html >

2. External style for html div.
Example 3: named index.html and we add external file named style.css in Example 4.
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div></div>
</body>
Example 4 named style.css
div
{
height:350px;
width:450px;
background-color:red;
color: #000000;
}


HTML div style class


The HTML div style class attribute is used to define equal styles for item with the same class name.
So, all HTML div style class item with the same attribute will have the same format and style.
Here we have three HTML <div> class elements that point to the same class name:
Example 5:
<!DOCTYPE html>
<html>
<head>
<style>
.town {
  background-color: #CCC;
  color: #000000;
  margin: 12px;
  padding: 15px;

</style>
</head>
<body>

<div class="town">
  <h2>ROMA</h2>
  <p>ROMA is the capital of Italy.</p>
</div>

<div class="town">
  <h2>MADRID</h2>
  <p>Madrid is the capital of Spain.</p>
</div>

<div class="town">
  <h2>SEOUL</h2>
  <p>Seoul is not the capital of Japan.</p>
</div>

</body>
</html>
Note. Use External style sheet


<< Previous Page
HTML Text and Paragrafs
Next Page >>
HTML Colors


HTML div style, div style class HTML div style - div style class - html tutorial

2256. XHTML Tutorial - !DOCTYPE
We can now conclude that XHTML it
https://tutorialehtml.com/en/xhtml-tutorial-doctype/

2663. Links : Introduction - HTML Tutorial
HTML links - HTML tutorial
http://www.echoecho.com/htmllinks.htm

2150. HTML Tutorial - Tables, Creating and using them
Simetrical and asimetrical tables, formating a table
https://tutorialehtml.com/en/html-tutorial-tables/

2643. Frames : Scrollbars - HTML Tutorial
HTML frames - HTML tutorial
http://www.echoecho.com/htmlframes06.htm

2674. Links : Link to Email - HTML Tutorial
HTML links - HTML tutorial
http://www.echoecho.com/htmllinks11.htm

2124. HTML Tutorial - Elements: body, head, title
What are the elementes of a web page. and how can you create them
https://tutorialehtml.com/en/html-tutorial-elements-body-head-title/

Your add here
PHP strlen() function

PHP htmlentities() function

PHP count() Function

PHP printf() function

PHP str_repeat() function

PHP substr() function

PHP strstr() function

PHP ucfirst() function

PHP strrchr() Function

PHP str_split() function

PHP isset() Function

PHP define() function

PHP lcfirst() function

PHP wordwrap() function

PHP strtolower() function

PHP similar_text() function

PHP Syntax
SQL COUNT(), AVG() and SUM() Functions
PHP switch Statement
SQL - Syntax
HTML Text Color
HTML button onclick - How to create a HTML button style onclick