How to set up Properties for font size

Forum|Forum|5 years ago
July 9, 2020
2 replies
257 views

How can I quickly toggle between a size 3 and size 4 of my default fonts using the properties window of Dreamweaver CS.5?
In my old version of Dreamweaver the Properties section had a window marked Font and Size.

I now have to manually type in <font size ="3"> in code rather than clicking a button

This topic has been closed for replies.

Nancy OShea

Community Expert

On the web we use semantic tags to give our content meaning and structure. To make it look pretty, we add CSS code to a stylesheet. In this example, CSS is embedded inside the document's <head> tag. Although typically we would use an external stylesheet -- a single physical file to which all the HTML pages are linked. It's more efficient to change site styles from just one file than it is to edit each file separately.

HTML and CSS code:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Font Sizes</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<style>
html {font-size: 10px;}

body {
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #222;
}

h1 {font-size: 5rem;}
h2 {font-size: 4rem;}
h3 {font-size: 3rem;}
h4 {font-size: 2rem;}

p {
  font-size: 1.5rem;
  color: red;
}

li {font-size: 1.3rem}

</style>
</head>

<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut officia eligendi molestias animi quia tempore, perferendis aperiam assumenda libero fuga reiciendis consectetur, porro ut sint iste vel provident, laborum in.</p>

<h4>Unordered Lists</h4>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>

<h4>Ordered Lists</h4>
<ol>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>

</body>
</html>

DW Screenshot.