IST 263 Exam 2

Pick the selector for an id attribute with a value of title. A. title B. .title C. id title D. #title

#title

What is the purpose of wireframe?

Allows us to design the basic outline of a website without thinking about design. Focuses on user experience. Shows weight of different parts of the website.

pseudo selector

Applies a style to a state of an element.

semantic elements

Clearly describes the tag's meaning to both the browser and the developer.Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.

Element selector

Selects elements based on element name**p

hex color

Six-digit codes that represent the amount of Red, Green and Blue in a color, preceded by a hash # sign.

text properties

Size, bold, font style, italics...

Embedded

The <embed> tag defines a container for an external resource, such as a web page, a picture, a media player, or a plug-in application.

span

The <span> tag is an inline container used to mark up a part of a text, or a part of a document.

clearing floats

The CSS clear property specifies what elements can float beside the cleared element and on which side.

floats

The CSS float property specifies how an element should float. - left -right -none -inherit

flexbox

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

Web development lifecycle

The Web development life cycle includes the following phases: planning, analysis, design and development, testing, and implementation and maintenance.

descendent selector

The descendant selector matches all elements that are descendants of a specified element.

Wrapping box

The flex-wrap property specifies whether the flexible items should wrap or not.

inheritance of attributes

The inherit keyword specifies that a property should inherit its value from its parent element.

Inline Styles Attribute

When styles are put inside HTML tags (such as style="text-align: center" inside a h1 tag on the webpage)

Responsive Design

allows you to create one website that provides an optimal viewing experience across a range of devices

Why would you resize an image in Photoshop instead of with HTML or CSS?

because you are changing the total number of pixels in the image and the number of pixels in each inch. Photoshop creates a different physical size.

What color will display with the hex value #0000FF? A. red B. blue C. yellow D. green

blue

units of measure

cm centimeters mm millimeter in inches (1in = 96px = 2.54cm)px *pixels (1px = 1/96th of 1in) ptpoints (1pt = 1/72 of 1in) pcpicas (1pc = 12 pt)

jpg

complex image with no text (mill of colors)

box model

content, padding, border, margin

Which of the following uses a descendant selector? A. a, p {color: white;} B. div p {color: white;} C. a:hover {color: white;} D. #top {color: white}

div p {color: white;}

PNG-8

image type with 1-bit transparency, works in all browsers, and shows 256 colors

CSS _____ decides what happens when two conflicting properties are applied to an element. A. inheritance B. rules C. relativity D. DOM

inheritance

What stages of the web development life cycle has you create a timeline in your project? A. define project B. planning C. design D. develop

planning

Which image format is the best choice for a logo? A. jpg B. gif C. png 8 D. png 24

png 8

The max-width property: A. sets the viewport size B. scales images to fit the viewport C. sets breakpoints D. is a flexbox property

scales images to fit the viewport

This semantic tag allows you to group content and could contain other semantic tags? A. article B. nav C. footer D. section

section

Grouped selector

selectors that share a common set of declarations and that are grouped into a comma-separated list***{text-align: center;color: blue;}

Class Selector

used to select any HTML element that has a class attribute**class=" f"

id selector

uses the id attribute value of an HTML element to select a single element ****id="firstname"

Viewport meta tag

A meta tag that sets the size of the viewport on a mobile device.

style document (not sheet)

A style document is font, color, and branding guidelines similar to Syracuse University's style document

Media queries

A CSS3 feature that detects the user's type of screen and sizes the output accordingly

External style sheet

A file containing only CSS code that may be referenced by many HTML files

div

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

GIF

For very simple icons and web graphics

Flexible sized images

If you want to restrict a responsive image to a maximum size, use the max-width property, with a pixel value of your choice: