• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to secondary sidebar

Coder Tutorial

  • Home
  • HTML
  • CSS
  • PHP
  • SQL
  • MySQL
  • JS
  • PL/SQL
  • Python
  • Java
  • Oracle

CSS

CSS

CSS Tutorial!

If you started to learn CSS then this page is a good starting point to learn CSS. For those advanced in css language, we show complex examples using new features of CSS3 standard.
For beginners the most important examples that we have to practice are: colors and backgrounds, text alignment, set items in a page web page using margin and padding.

About CSS!

CSS stands for Cascading Style Sheets
CSS are used to format web pages
CSS are used to build web pages layouts
CSS are used to build templates for websites
CSS code can be stored inside HTML page or in external css files

CSS tutorial

Text Align
Text Transform
Text Decoration
Text Indent
Line Height
Word Spacing
Font Style
Font Size
Font Family
Background Color
Links
List Style Type
Table Border
Table Collapse Border
Table Width and Height
Border
Margin
Padding
Height and Width
Text

Filed Under: CSS

Text

The CSS Text property it is used for formatting the html page content.

The Text properties are:

  • color
  • direction
  • letter-spacing
  • line-height
  • text-align
  • text-decoration
  • text-indent
  • text-shadow
  • text-transform
  • text-overflow
  • unicode-bidi
  • vertical-align
  • white-space
  • word-spacing

Text example:

<html>
<head>

</head>
<body>

The heading text.

The paragraph text.

</body> </html>



The heading text.

The paragraph text.


Filed Under: CSS

Height and Width

The CSS Height and Width property it is used to set the height of a html element.

Height and Width

<style>
div {
height: 150px;
width: 350px;
background-color: #A7D71B;
}
</style>

Height and Width example:

<html>
<head>

</head>
<body>
<div class="x1">

The height is 150 pixels.

The width is 350 pixels.

</div> </body> </html>



The height is 150 pixels.

The width is 350 pixels.


Filed Under: CSS

Padding

The CSS Padding property it is used to set the space between an html element border and the html element content. The padding values are: auto, length (px, pt, cm, em), %, inherit.

The Padding properties are:

  • padding
  • padding-left
  • padding-right
  • padding-top
  • padding-bottom

Padding example:

<html>
<head>

</head>
<body>

My standard paragraph.

Paragraph with padding declared.

Paragraph with a specified padding bottom.

Paragraph with a specified padding to left.

</body> </html>



My standard paragraph.

Paragraph with padding declared.

Paragraph with a specified padding bottom.

Paragraph with a specified padding to left.


Filed Under: CSS

Margin

The CSS Margin property it is used to set the space around an html element.
The margin values are: auto, length (px, pt, cm), %, inherit.

The Margin properties are:

  • margin
  • margin-left
  • margin-right
  • margin-top
  • margin-bottom

Margin example:

<html>
<head>

</head>
<body>

My standard paragraph.

Paragraph with margin declared.

Paragraph with a specified margin bottom.

Paragraph with a specified margin to left.

</body> </html>



My standard paragraph.

Paragraph with margin declared.

Paragraph with a specified margin bottom.

Paragraph with a specified margin to left.


Filed Under: CSS

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Interim pages omitted …
  • Go to page 5
  • Go to Next Page »

Primary Sidebar

Tutorials

  • HTML Tutorial
  • CSS Tutorial
  • PHP Tutorial
  • SQL Tutorial
  • MySQL Tutorial
  • JavaScript Tutorial
  • Python Tutorial
  • PL/SQL Tutorial
  • Java Tutorial
  • SQLPlus Tutorial
  • Oracle Tutorial
  • PostgreSQL Tutorial
  • Ruby Tutorial

Secondary Sidebar

    • CSS Tutorial
    • Text Align
    • Text Transform
    • Text Decoration
    • Text Indent
    • Line Height
    • Word Spacing
    • Font Style
    • Font Size
    • Font Family
    • Background Color
    • Links
    • List Style Type
    • Table Border
    • Table Collapse Border
    • Table Width and Height
    • Border
    • Margin
    • Padding
    • Height and Width
    • Text

Copyright  2018 - 2021 Coder Tutorial

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.