How to set up Properties for font size

Report · Jul 09, 2020

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

Report · Jul 09, 2020

Oops, not keeping up? Maybe time to do a refresher https://www.w3schools.com/html/default.asp and https://www.w3schools.com/css/default.asp

Wappler, the only real Dreamweaver alternative.

Report · Jul 09, 2020

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.

Post back if you have any questions.

Nancy O'Shea— Product User, Community Expert & Moderator