WGU C777 Web Development Applications

WGU C777 Web Development Applications HTML5, CSS, JavaScript Ans- The web development trifecta main Ans- HTML5 tag defining the main body of a document. Cannot be the child of the header, nav, article, aside, or footer elements. header and footer Ans- These elements can also be included in article, aside, nav, main, and section elements, not just on the page itself source Ans- This element identifies the file(s) to use in a video or audio element style guide Ans- A set of standards for the writing and/or design of documents IE9 Ans- This version of IE is the first to support HTML5 Add them via JS, make them block via CSS Ans- What should you do to support HTML5 elements in preIE9 browsers. selector Ans- The term for the part of CSS code that refers to the element you want to style declaration Ans- In CSS, the term for a property and value pair. It must always end with a semicolon rule Ans- In CSS, the name for a selector, property and value all grouped together inheritance Ans- The word "cascading" in CSS refers to this concept External, embedded, inline Ans- The cascading order of CSS style sheets, ordered from lowest priority to highest rel, type, href Ans- Linking to a CSS file requires these attributes in the link element style Ans- Embedded CSS should be placed in a block defined by this element style Ans- Inline CSS should be placed in an attribute with this name document flow Ans- The arrangement of content elements on a page and how the space is used. Does it fall from top to bottom in stacks, or does some content float to one side or the other? curly braces Ans- These are not used when defining inline CSS styles clear Ans- Use this CSS property to avoid having floating elements before/after another element static Ans- In CSS, the "normal, or default", position of block elements within a page relative Ans- In CSS, positioning a block element relative to another element absolute Ans- In CSS, this causes the element to appear to float above the document and can be positioned as needed. It is completely removed from the rest of the page flow. fixed Ans- In CSS, this causes the element to remain in the same position when the page is scrolled inherit Ans- In CSS, this causes the element to inherit its parent's position padding Ans- In the box model, this is the space between the content and the border margin Ans- In the box model, this is the space between the border and surrounding elements content, padding, border, and margin Ans- Add all of these up to get the full size of an element in the box model element[attribute$=value] Ans- This CSS3 selector selects every instance of a specified element whose specified attribute ends with the specified value element[attribute*=value] Ans- This CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value element[attribute^=value] Ans- This CSS3 selector selects every instance of a specified element whose specified attribute begins with the specified value element:checked Ans- This CSS3 selector selects every checked instance of a specified element element:disabled Ans- This CSS3 selector selects every disabled instance of a specified element element:enabled Ans- This CSS3 selector selects every enabled instance of a specified element element:first-of-type Ans- This CSS3 selector selects every instance of a specified element that is the first of its parent element:last-of-type Ans- This CSS3 selector selects every instance of a specified element that is the last of its parent element1~element2 Ans- This CSS3 selector selects every instance of element2 that is preceded by an instance of element1 where both have the same parent. element2 need not be immediately preceded by element1 multiple images Ans- CSS3 now allows this in the background background-clip Ans- CSS3 property determining whether the background extends into the border or not (content, padding, or border) background-origin Ans- CSS3 property defining the location to which the background-position property should be relative (content, padding, or border) length, percentage, cover, contain Ans- CSS3 values used in a background-size property. Last two are optional. Default is auto. rgba Ans- Whereas the opacity property applies to an element and its children, you can use this to specify the opacity of a single element @font-face Ans- CSS3 rule allowing you to specify custom fonts 400 Ans- This font weight is the same as normal 700 Ans- This font weight is the same as bold 100-900 Ans- Range of font weights text-shadow Ans- IE9 and earlier do not support this text property font-family and src Ans- These two CSS3 properties are required by @font-face transform Ans- An effect that changes an element's shape, size and/or position transform-origin Ans- Property that allows you to change a transformed element's position transform-style Ans- Property that specifies whether child elements will retain the parent element's position in 3D space perspective Ans- Property that specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view perspective-origin Ans- Property that specifies the bottom position of a 3D element backface-visibility Ans- Property that defines whether or not an element is visible when it is rotated to face away from the viewer IE10+, Firefox, Opera Ans- These browsers support the transform property Chrome 34, Safari 7, IE9 Ans- These browsers require a vendor prefix for transforms transition Ans- CSS3 effects that change an element from one style to another style transition-property Ans- Property that specifies the CSS property that the transition will affect duration Ans- Properties that defines the amount of time that a transition takes in seconds (s) or milliseconds (s). Default is 0. If no value is specified, then no transition occurs timing function Ans- Properties that describe the speed of a transition. Valid options are ease, linear, ease-in, ease-out, and ease-in-out delay Ans- Properties that defines how long before a transition or animation begins @keyframes Ans- At-rule used to create CSS3 animations Chrome 34 and Safari 7 Ans- @keyframes requires a prefix for these two browsers animation-name Ans- Property that specifies the identifier for the @keyframes animation that binds it to a selector animation-iteration-count Ans- Property that specifies the number of times the animation will play. Default is 1. animation-direction Ans- Property that specifies whether to play the animation in reverse on alternate cycles. Requires an iteration count greater than 1. Parameters are normal, reverse, alternate, alternate-reverse animation-play-state Ans- Property that specifies whether the animation is running or paused. Default is running Chrome, Safari, and Firefox Ans- The resize property only works in these browsers appearance Ans- CSS3 UI property that makes an element look like a standard user interface element, such as a button or window box-sizing Ans- CSS3 UI property that forces specified elements fit an area in a certain way icon Ans- CSS3 UI property that styles an element with an iconic equivalent nav-index Ans- CSS3 UI property that specifies the tabbing order for an element nav-direction Ans- CSS3 UI property that specifies where the cursor will navigate to when the user presses the "direction" arrow key outline-offset Ans- CSS3 UI property that draws an outline beyond the border edge (i.e., offsets the outline) as specified resize Ans- CSS3 UI property that specifies whether an element can be resized by the user and how it can be resized overlay Ans- A CSS3 technique used to place an HTML element on top of another HTML element z-index Ans- Use this CSS3 property to create an overlay. Without it and by default, the HTML element listed last in the page appears at the top and vice versa. letters, _, or $ Ans- The first character of a variable name in JavaScript must be one of these letters, numbers, or _ Ans- Except for the first character, the name of a variable in JavaScript can contain these only number, string, boolean, Object, null, undefined Ans- The 6 data types in JavaScript operand Ans- Data that is to be operated upon or manipulated in some manner by an operator abort Ans- Event that occurs when the loading of an image is aborted blur Ans- Event that occurs when input focus is removed from a form element change Ans- Event that occurs when a user changes the value of a form field error Ans- Event that occurs when an error takes place while a page or image is loading focus Ans- Event that occurs when a user gives input or focus to a form element reset Ans- Event that occurs when a form's Reset button is clicke