Foundation CSS Base Typography Paragraphs
Last Updated :
13 Mar, 2022
Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails to look amazing & can be accessible to any device. It is used by many companies such as Facebook, eBay, Mozilla, Adobe, and even Disney. The framework is built on Saas-like bootstrap. It is more sophisticated, flexible, and easily customizable. It also comes with CLI, so it’s easy to use it with module bundlers. It offers the Fastclick.js tool for faster rendering on mobile devices.
Foundation CSS Base Styles are used to add some basic styles on the typography element. To add the basic styles on typography, we will use some pre-defined tags. For example – paragraph, headers, links, etc.
Foundation CSS Base Typography Paragraphs are used to add content inside paragraph element and we will use <strong> and <em> tag to represent the importance of the text. The <strong> tag creates a bold text and <em> tag create an italic text. We can also adjust the line width and styles of paragraph content using .scss file.
Foundation CSS Base Typography Paragraph Tag:
- <p> Tag: This tag is used to add the paragraph content. Uf you want to add some styles on the paragraph block, then you can add some pre-defined classes like – callout success, etc.
Syntax:
<p> Content... </p>
Example 1: In this example, we will describe the uses of Foundation CSS Base Typography Paragraphs.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href=
</script>
<script src=
</script>
</head>
<body>
<div class="text-center">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
Foundation CSS Base Typography Paragraphs
</h2>
<div class="callout">
<h3>Web Technology</h3>
<p>
Web Technology refers to the various tools
and techniques that are utilized in the
process of communication between different
types of devices over the internet. A web
browser is used to access web pages.
</p>
</div>
</div>
</body>
</html>
|
Output:
Example 2: In this example, we will describe the uses of Foundation CSS Base Typography Paragraphs.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href=
</script>
<script src=
</script>
</head>
<body>
<div class="text-center">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
Foundation CSS Base Typography Paragraphs
</h2>
<div class="callout success">
<h3>Web Technology</h3>
<p>
<strong>Web Technology</strong> refers to
the various tools and <em>techniques</em>
that are utilized in the process of
communication between different types of
<strong>devices</strong> over the
<strong>internet</strong>. A <em>web
browser</em> is used to access web pages.
</p>
</div>
</div>
</body>
</html>
|
Output:
Reference: https://get.foundation/sites/docs/typography-base.html#paragraphs
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...