Text
Use any of the available classes of Base Stylesheets to quickly create a custom style.
(1) Paragraph
Font sizes at 14 pixels by default
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Font sizes at 12 pixels
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Font sizes at 16 pixels
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
HTML Code: <div class="dsure-p-article"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <p> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p> </div> <div class="dsure-p-article f12"> <p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> </div> <div class="dsure-p-article f16"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> </div>
(2) Quote
Lorem Ipsum is simply dummy：
“Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.”。 From UIUX Lab
HTML Code:
<p>Lorem Ipsum is simply dummy：</p>
<blockquote cite="http://www.website.org">
“Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.”。
<small>From <cite>UIUX Lab</cite></small>
</blockquote>
(3) Heading
Heading
Heading
Heading
Heading
Heading
Heading
HTML Code:
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
(4) Address
Mr S Tan 200 Broadway Av WEST BEACH SA 5024 AUSTRALIA
BG 94107
Phone: 123 456 7890 Email
your@email.com
HTML Code:
<address>
<strong>Name</strong><br>
Mr S Tan 200 Broadway Av WEST BEACH SA 5024 AUSTRALIA<br>
BG 94107<br>
<abbr title="Phone">Phone:</abbr> 123 456 7890
</address>
<address>
<strong>Email</strong><br>
<a href="mailto:#">your@email.com</a>
</address>
(5) Figure
HTML Code:
<figure>
<img src="css/images/335x260-2.jpg" width="150">
<figcaption>
Heading and Description
</figcaption>
</figure>
(6) HGroup
Site Title
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Content....
HTML Code:
<hgroup>
<h1>Site Title</h1>
<h2>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h2>
</hgroup>
<p>Content....</p>
(7) Date
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,quia dolor sit amet。
HTML Code:
<p>
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet<time datetime="2014-02-1" pubdate>May 10, 2004</time>,quia dolor sit amet。
</p>
(8) Typography
Left text
Center text
Right text
Blod text
Normal text
Blod text2
Italic text
Microsoft YaHei font
Underline text
Font sizes at 22 pixels
Not wrap text
Black text
White text
HTML Code: <p class="tl">Left text</p> <p class="tc">Center text</p> <p class="tr">Right text</p> <strong>Blod text</strong> <strong class="f-w-normal">Normal text</strong> <span class="f-w-blod">Blod text2</span> <span class="f-s-italic">Italic text</span> <span class="f-f-yahei">Microsoft YaHei font</span> <span class="f-d-line">Underline text</span> <a href="#" class="f-d-none">Remove hyperlink underline</a> <div class="f-i30">A 30 pixel indent</div> <span class="f22">Font sizes at 22 pixels</span> <span class="noWrap">Not wrap text</span> <span class="f-c-black">Black text</span> <span class="f-c-white">White text</span>