Answered: Next, you’ll format the appearance of…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Navigation Lists

Next, you’ll format the appearance of navigation lists on the page. Go to the Navigation Styles section and create a style rule for the nav a selector that displays the hypertext links using the font stack: Trebuchet MS, Helvetica, sans-serif. Set the top and bottom padding to 10 pixels.

For every unvisited and previously visited hypertext link within a nav element, set the text color to white, remove underlining from the link text, and set the background color to the semi-transparent value hsla(0, 0%, 42%, 0.4).

For every active or hovered link in a nav element, set the text color to the semi-transparent value hsla(0, 0%, 100%, 0.7) and set the background color to the semi-transparent value hsla(0, 0%, 42%, 0.7).

CODE BELOW:

@charset "UTF-8";

@font-face {

font-family: Champagne;

src: url("cac_champagne.woff") format("woff"),

url("cac_champagne.ttf") format("truetype");

}

@font-face {

font-family: Grunge;

src: url("1942.woff") format("woff"),

url("1942.ttf") format("truetype");

}

@font-face {

font-family: Dobkin;

src: url("DobkinPlain.woff") format("woff"),

url("DobkinPlain.ttf") format("truetype");

}

p {

margin: 0;

padding: 5px 25px 25px 25px;

}

body > p {

font-size: 1.1em;

text-align: center;

}

address {

font-style: normal;

font-size: 0.9em;

text-align: center;

padding: 10px 0;

}

New Perspectives on HTML5 and CSS3, 7th Edition

Tutorial 2

Case Problem 1

PHCT Typographic Style Sheet

Filename: ph_styles.css

/* Structural Styles */

html {

background-color: hsl(91, 8%, 56%);

}

body {

background-color: hsl(58, 31%, 84%);

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

header {

background-color: black;

}

/* Navigation Styles */

/* Section Styles */

/* Definition List Styles */

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions