.class {
font-size: 12px;
}/* <absolute-size> values */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: xxx-large;
/* <relative-size> values */
font-size: smaller;
font-size: larger;
/* <length> values */
font-size: 12px;
font-size: 0.8em;
/* <percentage> values */
font-size: 80%;
/* Global values */
font-size: inherit;
font-size: initial;
font-size: unset;h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
p {
font-size: 14px;
}#selector{
font-size:20px;
}/* you can set the font size using font-size: and a number followed by px */
.class {
font-size: 60px;
}p {
font-size: 14pt;
}font-size: 16pt;/* Three ways of using font-size */
.a {
font-size: 15px;
}
.b {
font-size: large;
}
.c {
font-size: 150%;
}font-size:16px;// to scale font size in relation to its parent element
style="font-size: 2vw;"selector {
font-size: 12px;
}| Code Example |
|---|
| Css :: css transforms |
| Css :: border css |
| Css :: unhover animation |
| Css :: scss nesting |
| Css :: JavaScript find common characters between the strings |
| Css :: Responsive Web Design with HTML5 and CSS |
| Css :: how to change font size in css |
| Css :: changong text color css |
| Css :: display none opposite |
| Css :: css links |
| Css :: Tailwindcss Breadcrumb |
| Css :: put a background image in css with absolute layout |
| Css :: css cheat sheet |
| Css :: woolentor product archive not centered |
| Css :: how to disable site anchor |
| Css :: css rounded circle image |
| Css :: css a tag id selector scrolls too far |
| Css :: contrast color using css |
| Css :: css padding 4 values |
| Css :: font-style |
| Css :: less set media size |
| Css :: profile page html css template |
| Css :: css flex |
| Css :: drop down css |
| Css :: css masking |
| Css :: css font weight |
| Css :: bootstrap dropdown in accordion problem |
| Css :: matrix in css |
| Css :: react use global css classes |
| Css :: text-shadow |