Css Text



Learn About Css Text


Learn about Css Text; Learn About css text Properties;Learn How Can we write content with html and decoration on css....


Everybody say content is the king of website and it is 100% true but if we don't know How to optimize them and how to present them in website  it can become bad user experience and difficult to understand for other..so if you have learner of programming it is very helpful lessons for you

See Below some properties uses for css text 

1.Text-Align

2.Text-Decoration

3.Text-Transform

4.Latter-spacing

5.Text-line height


See Below some Tag uses for html text 

p (paragraph)

b (bold)

h1 to h6 (heading)



1. Css Text-align 

Learn Text align uses for give to direction to text As you want left, right, top or bottom 

Example we want to content to left or right side so we apply as 

  .text }
  text-align:left ;
{

 .text}
  text-align:right;

{


Css


2. Css Text-decoration



Css Text decoration means Create an css text with underline and highlight them you can underline text as you want in css text..
css text decoration basically uses for short text 



.text{
    text-decoration: overline;
}

 .text{
    text-decoration: line-through;
}

.text{
    text-decoration: underline;

}

.text{
    text-decoration: underline overline;


}


3. Css Text-Transform 

Css Text Transfrom properties uses for change to text uppercase or lowercase 


.text{
    text-transform: uppercase;
}

 .text{
    text-transform: lowercase;
}

.text{
    text-transform: capitalize;

}


4.Css Text Latter-spacing

use css text latter-spacing properties when you want to give space between of every word in text 




.text{
    latter-spacing: 10px;
}

 .text{
   latter-spacing: 2px;


.text{
    latter-spcaing: 4px;

}


5.Css Text line height

use css text line-height when you want to give space between of text line 


.text{
    line-height: 30%;
}

 .text{
   line-height: 2.8;


.text{
    line-height: normal;

}

Apply Text Tag on html 


P (Paragraph) 

if we have long content on web page then we show it as paragraph And write them between p tag..Example 

<p> Write Your content Between Paragraph </p>


b (bold) 

Change Text color normal to dark and show them highlight

<b> Write Your content Between Paragraph </b>




h1 To h6 (heading) 

Change Text color normal to dark and show them highlight

<h1> Css Text Heading 1</h1>

<h2> Css Text Heading 2</h2>

<h3> Css Text Heading 3</h3>

<h4>Css Text Heading 4</h4>

<h5>Css Text Heading 5</h5>
<h6>Css Text Heading 6</h6>






Visit More