Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements - Aranda Alred

memorize.ai (lvl 286)

(0)

44 cards

()

Section 1

Preview this deck

Portable Network Graphics (PNG)

Front

1 / 44

CSS

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (44)

Section 1

(44 cards)

Portable Network Graphics (PNG)

Front

A standard format for images on the Web and is widely implemented. PNG bit depth can be adjusted, unlike GIF and JPEG, which must be 8-bit and 24-bit depth, respectively. PNGs also use compression filters that can support up to 48-bit color. The PNG format was developed using open standards, which means that it does not have the same legal liabilities as other formats.

Back

hyperlink color (two types)

Front

a:link and a:visited

Back

<aside>

Front

Content that is "aside" from the article content, such as advertisements or news feeds.

Back

inheritance

Front

The style you define will flow, or cascade, throughout the documents, unless another style defined inside of a page specifically overrides it.

Back

Describe differences in GIF 89a, JPEG, and PNG

Front

Transparency: GIF 89a, PNG. Interlacing: GIF 89a, PNG. Compression: GIF 89a, JPEG, PNG. Animation: GIF 89a, PNG.

Back

GIF (Graphics Interchange Format)

Front

Files that support 256 colors, rather than the millions of colors available to JPEG images. GIFs are best suited for line art, custom drawings and navigational images.

Back

alternative text

Front

Text to appear while the graphic is loading, or in place of the graphic in non-graphical browsers such as Lynx.

Back

transparency

Front

The ability to make any part of the image invisible so the page background shows through. The image thus appears to blend into the background.

Back

JPEG (Joint Photographic Experts Group)

Front

A file format that supports up to 24 bits of color information (16.7 million colors), and is typically used for photographs and complex images.

Back

What are the two codes to adjust width and height of images?

Front

<img src="imagename.gif" height="HeightInPixels" width="WidthInPixels"/>

Back

non-breaking space

Front

An extra space often used to create indentations in a paragraph, or create additional spaces between words.

Back

dithering

Front

The ability for a computer to approximate a color by combining the RGB values.

Back

What is the code to stylize a horizontal rule?

Front

<hr>

Back

How do you create an ampersand using code?

Front

<

Back

Code to align images: bottom

Front

<img src="syb/SYBcollage2.png" class="bottom" />

Back

What is the code to align images to text?

Front

<img src="syb/SYBcollage2.png" style="float:left; margin: 5px;" />

Back

interlacing

Front

The ability for an image to render gradually as it downloads.

Back

How many versions of CSS are there?

Front

3 Versions; Cascading Style Sheets (CSS1), Cascading Style Sheets 2 (CSS2), and Cascading Style Sheets 3 (CSS3).

Back

font-size

Front

The size of text to be used on a site (takes value in pixels).

Back

Code to align images: right

Front

<img src="syb/SYBcollage2.png" class="floatright" />

Back

What is the code to create an image on a Web page?

Front

<img src="imagefile.png" alt="Alternative text goes here"/>

Back

Code to align images: top

Front

<img src="syb/SYBcollage2.png" class="top" />

Back

Name two benefits of using CSS?

Front

Consistency; Easy change management.

Back

What are 3 universally supported Web image formats?

Front

Graphics Interchange Format (GIF), Joint Photographic Experts Group (JPEG), and Portable Network Graphics (PNG).

Back

background image

Front

body { background-image:url('paper.gif'); }

Back

browser-safe color palette

Front

A standard of 216 colors that would render consistently.

Back

text color

Front

The color of text on a page.

Back

liquid layout

Front

The size of an element is flexible and will change dynamically depending on the size of the browser window.

Back

selector

Front

In a style sheet, any element to which designated styles are applied.

Back

Tips for creating Web Page layout (list 5)

Front

Be succinct, make sure that each page focuses on one topic, divide the page into three sections, include navigation aids, and place comments in each section of code.

Back

Code to align images: left

Front

<img src="syb/SYBcollage2.png" class="floatleft" />

Back

font color

Front

The color of text to be used on a site.

Back

background color

Front

body { font-family:arial, verdana, helvetica; color:black; font-size:14px; background-color:white; }

Back

hexadecimal

Front

A base-16 number system that allows large numbers to be displayed by fewer characters than if the number were displayed in the regular base- 10 system. In hexadecimal, the number 10 is represented as the letter A, 15 is represented as F, and 16 is represented as 10.

Back

<footer>

Front

Bottom of the Web page, similar to the footer in a word-processing document.

Back

compression

Front

The reduction of an image's file size.

Back

animation

Front

A series of images appearing in sequence to create the effect of motion.

Back

<article>

Front

Web site content, such as company services, articles, blogs, images and videos.

Back

Code to align images: middle

Front

<img src="syb/SYBcollage2.png" class="middle" />

Back

<header>

Front

Top of the Web page, similar to the header in a word-processing document.

Back

fixed-width layout

Front

Ensures that the text, images and layout will not vary from browser to browser.

Back

font-family

Front

The typeface (i.e., font name) to be used on a site.

Back

<nav>

Front

Defines navigation links, such as hypertext menus to access various pages of the Web site.

Back

rule

Front

In a style sheet, a format instruction that consists of a specified selector and the properties and values applied to it.

Back

Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements - Aranda Alred

Preview this deck

Portable Network Graphics (PNG)

0.0

Cards (44)

Portable Network Graphics (PNG)

hyperlink color (two types)

a:link and a:visited

<aside>

Content that is "aside" from the article content, such as advertisements or news feeds.

inheritance

The style you define will flow, or cascade, throughout the documents, unless another style defined inside of a page specifically overrides it.

Describe differences in GIF 89a, JPEG, and PNG

Transparency: GIF 89a, PNG. Interlacing: GIF 89a, PNG. Compression: GIF 89a, JPEG, PNG. Animation: GIF 89a, PNG.

GIF (Graphics Interchange Format)

Files that support 256 colors, rather than the millions of colors available to JPEG images. GIFs are best suited for line art, custom drawings and navigational images.

alternative text

Text to appear while the graphic is loading, or in place of the graphic in non-graphical browsers such as Lynx.

transparency

The ability to make any part of the image invisible so the page background shows through. The image thus appears to blend into the background.

JPEG (Joint Photographic Experts Group)

A file format that supports up to 24 bits of color information (16.7 million colors), and is typically used for photographs and complex images.

What are the two codes to adjust width and height of images?

<img src="imagename.gif" height="HeightInPixels" width="WidthInPixels"/>

non-breaking space

An extra space often used to create indentations in a paragraph, or create additional spaces between words.

dithering

The ability for a computer to approximate a color by combining the RGB values.

What is the code to stylize a horizontal rule?

<hr>

How do you create an ampersand using code?

&lt;

Code to align images: bottom

<img src="syb/SYBcollage2.png" class="bottom" />

What is the code to align images to text?

<img src="syb/SYBcollage2.png" style="float:left; margin: 5px;" />

interlacing

The ability for an image to render gradually as it downloads.

How many versions of CSS are there?

3 Versions; Cascading Style Sheets (CSS1), Cascading Style Sheets 2 (CSS2), and Cascading Style Sheets 3 (CSS3).

font-size

The size of text to be used on a site (takes value in pixels).

Code to align images: right

<img src="syb/SYBcollage2.png" class="floatright" />

What is the code to create an image on a Web page?

<img src="imagefile.png" alt="Alternative text goes here"/>

Code to align images: top

<img src="syb/SYBcollage2.png" class="top" />

Name two benefits of using CSS?

Consistency; Easy change management.

What are 3 universally supported Web image formats?

Graphics Interchange Format (GIF), Joint Photographic Experts Group (JPEG), and Portable Network Graphics (PNG).

background image

body { background-image:url('paper.gif'); }

browser-safe color palette

A standard of 216 colors that would render consistently.

text color

The color of text on a page.

liquid layout

The size of an element is flexible and will change dynamically depending on the size of the browser window.

selector

In a style sheet, any element to which designated styles are applied.

Tips for creating Web Page layout (list 5)

Be succinct, make sure that each page focuses on one topic, divide the page into three sections, include navigation aids, and place comments in each section of code.

Code to align images: left

<img src="syb/SYBcollage2.png" class="floatleft" />

font color

The color of text to be used on a site.

background color

body { font-family:arial, verdana, helvetica; color:black; font-size:14px; background-color:white; }

hexadecimal

A base-16 number system that allows large numbers to be displayed by fewer characters than if the number were displayed in the regular base- 10 system. In hexadecimal, the number 10 is represented as the letter A, 15 is represented as F, and 16 is represented as 10.

<footer>

Bottom of the Web page, similar to the footer in a word-processing document.

compression

The reduction of an image's file size.

animation

A series of images appearing in sequence to create the effect of motion.

<article>

Web site content, such as company services, articles, blogs, images and videos.

<