Highlighted

How to set up Properties for font size

New Here ,
Jul 09, 2020

Copy link to clipboard

Copied

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

 

Views

29

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to set up Properties for font size

New Here ,
Jul 09, 2020

Copy link to clipboard

Copied

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

 

Views

30

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jul 09, 2020 0
Adobe Community Professional ,
Jul 09, 2020

Copy link to clipboard

Copied

BenPleysier_0-1594294231370.png

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


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2020 1
Adobe Community Professional ,
Jul 09, 2020

Copy link to clipboard

Copied

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.

image.png

 

Post back if you have any questions.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2020 1