Logo

Go on. Explore!

lvl 0 • 0 xp

lvl 1

HomeMarketDecksInterests
Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements

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

memorize.aimemorize.ai (lvl 286)
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%
(0)
(0)
(0)
45 cards
()
Section 1

Preview this deck

non-breaking space

Front

1 / 45

CSS
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

7 years ago

Date created

Mar 1, 2020

Cards (45)

Section 1

(45 cards)

non-breaking space

Front

  Used to insert an extra space

Back

What is the code to align images to text?

Front

img.floatleft {float: left; margin: 5px;} <img src="imgfile.png" class="floatleft"/> Or <img src="imgfile.png" style="float:left; margin: 5px;"

Back

Name two benefits of using CSS?

Front

1) Consistency 2) Easy change management

Back

Code to align images: bottom

Front

img.bottom {vertical-align:baseline;} <img src=""imgfile.png" class="bottom"/>

Back

fixed-width layout

Front

AKA absolute positioning; ensures that the text, images, and layout will not vary from browser to browser

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

How many versions of CSS are there?

Front

Three

Back

<header>

Front

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

Back

browser-safe color palette

Front

A standard of 216 colors that render consistently across Web browsers

Back

JPEG (Joint Photographic Experts Group)

Front

Graphic file format that supports up to 24 bits of color information, and is typically used for photographs and complex images.

Back

inline images

Front

Images rendered in a Web page

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

alternative text

Front

Text that appears while the image is loading, if the image fails to load, or if the user has configured his/her browser not to display images

Back

Describe differences in GIF 89a, JPEG, and PNG

Front

GIF 89a provides transparency, interlacing, compression, and animation. JPEG only provides compression. PNG, like GIF 89a, provides all four features.

Back

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

Front

<img src="" height="HeightInPixels" width="WidthInPixels"/>

Back

GIF (Graphics Interchange Format)

Front

Graphic files that support 256 colors and are best suited for line art, custom drawings, and navigational images. It has two versions: GIF 87a and GIF 89a.

Back

inheritance

Front

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

Back

selector

Front

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

Back

font-family

Front

Specifies the typeface to be used

Back

What are 3 universally supported Web image formats?

Front

1) Graphics Interchange Format (GIF) 2) Joint Photographic Experts Group (JPEG) 3) Portable Network Graphics (PNG)

Back

animation

Front

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

Back

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

Front

<img src="imagefile.png" alt="alternative text"/>

Back

background image

Front

body {background-image:url('paper.gif');} Sets the background image of a page to the paper gif

Back

background color

Front

body {background-color:white;} Sets the background color of a page to white

Back

transparency

Front

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

Back

Code to align images: top

Front

img.top {vertical-align:top;} <img src="imgfile.png" class="top"/>

Back

dithering

Front

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

Back

font-size

Front

Specifies the text size; takes value in pixels, with 16 being the normal size of default text

Back

Code to align images: left

Front

img.floatleft {float:left; margin:5px;} <img src="imgfile.png" class="floatleft"/>

Back

<aside>

Front

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

Back

liquid layout

Front

AKA relative positioning; ensures that the size of the element is flexible and will change dynamically

Back

text color

Front

body {color:white;} Sets the text color to white

Back

Code to align images: right

Front

img.floatright {float:right; margin:5px;} <img src="imgfile.png" class="floatright"/>

Back

What is the code to stylize a horizontal rule?

Front

<hr style="width:50%; height:10px;"/>

Back

<article>

Front

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

Back

How do you create an ampersand using code?

Front

&amp;

Back

font color

Front

Specifies text color; uses the same values as a background color

Back

interlacing

Front

The ability for an image to render gradually as it downloads

Back

compression

Front

The ability to reduce the image's file size

Back

hyperlink color (two types)

Front

a:link {color:#0000FF;} Color for unvisited sites a:visited {color:#FF0000;} Color for visited sites

Back

Portable Network Graphics (PNG)

Front

Graphic file format that is standard for images on the Web and is widely implemented. Bit depth can be adjusted. It was developed using open standards, which means that it does not have the same legal liabilities as other formats.

Back

Code to align images: middle

Front

img.middle {vertical-align:middle; margin:5px;} <img src="imgfile.png" class="middle"/>

Back

<footer>

Front

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

Back

Tips for creating Web Page layout (list 5)

Front

1. Be succinct 2. Make sure that each page focuses on one topic 3. Divide the page into three sections 4. Include navigation aids 5. Place comments in each section of code

Back

<nav>

Front

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

Back