• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to set up Properties for font size

New Here ,
Jul 09, 2020 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

170

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
community guidelines
Community Expert ,
Jul 09, 2020 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

Wappler, the only real Dreamweaver alternative.

Votes

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
community guidelines
Community Expert ,
Jul 09, 2020 Jul 09, 2020

Copy link to clipboard

Copied

LATEST

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines