CSS PROPERTIES:
===============
Font Properties:
================
To handle the font for the text, we can use "font-properties"
1) font-family:
===============
default font: Times New Roman
Syntax:
font-family : value;
Note:
====
if the value with one word ==> value without any quotes
if the value with more than one word ==> value with quotes
==> font-family property can allow to define with single value
Syntax:
font-family : "value" or value;
==> font-family can allow to define with more than one value
Syntax:
font-family : "value1","value2","value3",...;
==> In this case, the font-family property can check the values from left towards right.
That means, it can check the left most value if it supported by our browser then it can apply. Otherwise, the next value can check and apply it is supporting.
If any value is not supported automatically, the font can define with "Times New Roman".
===========================================================
2) font-size:
==============
==> property can be used to define the size to the font
Syntax:
font-size : number;
Unit: px/%/em/vh/vw
default size of any font: 16px
====================================================
3) font-weight:
===============
==> can use to define the font with either bold or thin
Syntax:
font-weight : normal | bold | bolder | lighter | number;
Note:
=====
font-weight : number;
In this, no need to use/represent any unit.
Automatically, it can detect in px.
===================================================
4) font-style:
==============
==> can use to define the italic nature to the font.
Syntax:
font-style : normal | italic;
==============================================
5) font-variant:
================
small caps ==> in the given word, all the letters should be in upper case. and the first letter of each word in larger in size remaining all in smaller in size.
==> use to apply the small caps to the font
Syntax:
font-variant : normal | smallcaps;
===============================================
6) font shorthand property:
===========================
using this property, we can define all other font properties at a time.
Syntax:
font : font-style font-variant font-weight font-size font-family;
Font Properties
Ashok IT
Java Fullstack
Web Technologies: HTML, CSS, JavaScript, Bootstrap
Web Frameworks : React JS/ Angular JS
Core Java
Advanced Java
Database Programming
Framework: Springboot
Python Fullstack
Web Technologies: HTML, CSS, JavaScript, Bootstrap
Web Frameworks : React JS/ Angular JS
core Python
Advanced Python
Python Libraries
Database Programming
Framework: DJango
==============================================================
Text Properties:
================
1) Text-align:
==============
==> to define the alignment to the text (left alignment/right alignment/center alignment)
Syntax:
text-align : left | right | center | justify;
=================================================
2) color:
==========
==> used to apply the color to the text.
default color: black
Syntax:
color : value;
here:
value ==> color-name | hexa code | rgb() | rgba()
hexa code:
==========
red, green and blue
Syntax:
#rrggbb
Range: red/green/blue ==> 0 to 9 and a to f
ex: #f12398
rgb()
=====
rgb(value for red, value for green, value for blue)
range: 0 to 255
rgba(red, green, blue, alpha)
opacity ==> 0 to 1 ==> transparency to the text
Font Properties
Ashok IT
Java Fullstack
Web Technologies: HTML, CSS, JavaScript, Bootstrap
Web Frameworks : React JS/ Angular JS
Core Java
Advanced Java
Database Programming
Framework: Springboot
Python Fullstack
Web Technologies: HTML, CSS, JavaScript, Bootstrap
Web Frameworks : React JS/ Angular JS
core Python
Advanced Python
Python Libraries
Database Programming
Framework: DJango