Unsectioned

Preview this deck

What is used in code to specify the width of an image in responsive web design?

Front

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

5

All-time users

6

Favorites

1

Last updated

7 months ago

Date created

Dec 9, 2020

Cards (346)

Unsectioned

(55 cards)

What is used in code to specify the width of an image in responsive web design?

Front

%

Back

Which type of content should use an <aside>

Front

News feeds

Back

Which form input type supports a required attribute?

Front

file

Back

Given the following CSS code:

 

.box {

 width: 150px;

 height: 150px;

 background: red;

 margin-top: 20px;

 margin-left: auto;

 margin-right: auto;

 -webkit-transition: background-color 2s ease-out;

 -moz-transition: background-color 2s ease-out;

 -o-transition: background-color 2s ease-out;

 transition: background-color 2s ease-out;

}

 

.box:hover {

 background-color: green;

 cursor: pointer;

}

 

Which color does this box turn when a user hovers a mouse pointer over it?

 

 

Front

Green with a time duration of two seconds

Back

Which document object model (DOM) method does the Canvas element use?

Front

getContext() 

Back

Which JavaScript event handler is associated with the form object?

Front

onreset

Back

Which tag enables developers to include dynamic code in an HTML document?

Front

<script> 

Back

Which form input type supports a required attribute?

Front

file

Back

A web designer reviews the following CSS3 code:

#brand {

font-weight: bold;

}

Which paragraph element will it select?

Front

<p id="brand">Web Design</p>

Back

Given the following CSS code:

 

body {

  color : white;

}

 

Which part of an element is affected by the color property?

 

 

Front

 

Text

Back

A web page has a section that contains an <aside> element. The elementis always 10 pixels from the right

and 50 pixels from the top ofthe browser.

Which type of layout positioning does the <aside> element use?

Front

Fixed 

Back

Given the following code:

<form name="Form" action="/action.php" method="post">

Name: <inputtype="text" name="name">

<inputtype="submit" value="Submit">

</form>

What should a developer add or change to ensure thatthe form is validated when submitted? 

Front

The event handler and function should be added to the form tag.

Back

Which code segment declares a variable and assigns a Boolean value to it?

Front

var enabled = true;

Back

Which element should a developer use for a bulleted list?

Front

<ul>

Back

Given the following markup:

<inputid="password" name="password" type="password" class="password" pattern=".{8,12}" required>

What does the markup do?

Front

It aIt allows a user to enter a password between 8 and 12 characters long.llows a user to enter a password between 8 and 12 characters long.

Back

Which global attribute should a developer use to bind a label element to an input element?

Front

for

Back

Given the following CSS code:

div

{

transition-property: opacity, left,top, height;

transition-duration: 3s, 5s;

}

Which value will be assigned for the transition related to the height property? 

Front

5 seconds

Back

Which style sheet code denes the 18-pixel Arial fontfor all leveltwo headers? 

Front

h2

{

font-family: Arial; font-size: 18px; } 

Back

Which option declares a variable called name and assigns the literal value Student to it? 

Front

var name = "Student"; 

Back

Given the following CSS code:

body {

color : white;

}

Which part of an elementis affected by the color property? 

Front

Background

Back

Which markup positions an image so that the lower part of itis even with the lower part of adjoining text? 

Front

<img src="sample.jpg" vertical-align="baseline">

Back

The background-origin property has a value named padding-box.

Which corner of the padding edge does the padding-box value setthe background relative to?

Front

Upper left

Back

Why is JavaScript considered a scripting language? 

Front

The code must be interpreted.

Back

Which CSS transition should be used on an image to make it ease in when a user’s mouse hovers over that

image?

Front

transition-timing-function 

Back

Which CSS property should a developer use to specify the bottom of a 3D element?

Front

perspective-origin

Back

Given the following HTML:

What color would you like to use?

<select autofocus>

<option value = "red">Red</option>

<option value = "blue">Blue</option>

<option value = "green">Green</option>

<option value = "pink">Pink</option>

</select>

What happens when the page loads?

Front

The select element in the form takes focus.

Back

Which programming language provides dynamic content for a web page across all browsers?

Front

JavaScript

Back

Which background-size property value scales the background image to the greatest height and width that fits within the specified content area?

Front

contain

Back

Which technology is used to access the direct object model (DOM)?

Front

JavaScript

Back

Which element allows a developer to add a caption for a created group of items?

Front

<legend>

Back

Which code segment declares a variable and assigns a Boolean value to it?

Front

var enabled = true;

Back

Which HTML input type allows for mailto: address entry?

Front

url

Back

Which code segment contains a conditional expression?

Front

var discount = (total > 250)?true : false;

Back

Given the following markup:

<script>

function dragOver(event) {

}

function drag(event) {

event.dataTransfer.setData("id", event.target.id);

}

function drop(event) {

var id = event.dataTransfer.getData("id");

event.target.appendChild(document.getElementById(id));

}

</script>

<section id="target" ondragover="dragOver(event)" ondrop="drop(event)"/>

<img id="source" src="image.png" draggable="true" ondragstart="drag(event)"/>

Which statement should a developer add to the dragOver function to allow the image to be dragged and

dropped onto the section element?

Front

event.preventDefault();

Back

Given the following code:

var data = {amount:250; freeShipping:true; message: "Your order has been shipped."};

Which data type does the data variable represent?

Front

Object

Back

Given the following code:

ctx.beginPath();

ctx.lineWidth = 3;

ctx.llStyle = "red";

ctx.arc(75, 75, 50, 0, Math.PI * 2,true);

ctx.ll();

ctx.moveTo(0, 0);

ctx.lineTo(100, 100);

Which Canvas application programming interface (API) method should a developer use to add the line to

the drawn path on a canvas? 

Front

stroke()

Back

Given the following CSS code:

.box {

width: 150px;

height: 150px;

background: red;

margin-top: 20px;

margin-left: auto;

margin-right: auto;

-webkit-transition: background-color 2s ease-out;

-moz-transition: background-color 2s ease-out;

-o-transition: background-color 2s ease-out;

transition: background-color 2s ease-out;

}

.box:hover {

background-color: green;

cursor: pointer;

}

Which color does this box turn when a user hovers a mouse pointer over it?

Front

Green with a time duration of two seconds 

Back

What should a developer use to test sites for cross-browser compatibility?

Front

Emulator

Back

Which code segment creates inputtextthat has its value checked against a regular expression?

Front

<input type="text" name="name" pattern="[a-zA-Z]">

Back

A web designer creates the following animation by using CSS3:

#texteffect{

position: relative;

animation-name: scroll;

animation-duration: 5s;

animation-timing-function: linear;

animation-play-state: running;

}

@keyframes scroll {

from {left: 0px;}

to {left: 200px;}

}

How does the content of the element move when the page loads? 

Front

From left to right one time

Back

What should be added rst when embedding CSS in a single web page as an internal style sheet?

Front

A <style> element to the <head> section

Back


Which background-size property value scales the background image to the greatest height and width that fits within the specified content area?

Front

contain

Back

What does an HTML5 code validator conrm about code?

Front

It complies with a standard. 

Back

Which background-size property value scales the background image to the greatest height and width that

ts within the specified content area?

Front

contain

Back

Which method of the Geolocation application programming interface (API) should a developer use to get

periodic updates of a user’s coordinates? 

Front

watchPosition() 

Back

Given the following HTML code:

<ul>

<li>One</li>

<li>Two</li>

</ul>

Which jQuery code segmentinserts an item atthe beginning ofthe list?

Front

$("ul").prepend("<li>Zero</li>");

Back

Where should a search field be placed on a mobile site? 

Front

Across the top

Back

Given the following JavaScript:

var name = "student"; 

Which code statement sets the name variable to all uppercase characters?

Front

name = name.toUpperCase();

Back

Whatis the rst character a developer should use for an id selector in CSS?

Front

#

Back

What must follow the name of a function in a JavaScriptfunction declaration?

Front

Parenthesis

Back

Which syntax for a CSS class oats images to the right?

Front

.floatright {

float: right;

margin: 7px;

Back

A developer needs two pixels of space on the left side of content relative to the border.

Which CSS property should this developer use?

Front

padding-left:2px;

Back

Which CSS selector defines an element with a class attribute equal to subject?

Front

.subject

Back

What is the outermost box of the CSS box model?

Front

Margin

Back

What uses predened code to add functionality to HTML5 pages?

Front

Application programming interface (API)

Back

Html

(72 cards)

Sends the browser forward (positive number) or backward (negative number) the specified number of pages in the

history

Front

history.go(number)

Back

Inserts content at the beginning of the selected elements

Front

prepend() 

Back

called when you drag a page element

Front

dragover 

Back

Draws a rectangular outline 

Front

strokeRect(x,y,width,height)

Back

a standard way to interact with files on the client machine using a Web browser

Front

File API 

Back

API that enables rendering of interactive 3D and 2D graphics in an HTML canvas, without the need for plug-ins in HTML5- compatible browsers

Front

WebGL

Back

Returns the number of URLs in the history for this browser window

Front

history.length

Back

 Functionality that allows a user to grab an object on a computer screen and move it to a different location on the screen.

Front

drag-and-drop

Back

provides a directory list of file objects. You can list information such as the file name, MIME type and size

Front

. FileList

Back

Cancels an ongoing watchPosition() call

Front

clearWatch() 

Back

Selects the first instance of the specified element (<a>) on a page 

Front

$("a:first") 

Back

. provides read-only access to individual files, such as images

Front

FileReader

Back

Selects all elements with the specified attribute (href)

Front

$("[href]")

Back

Sends the browser back one page in the history 

Front

 history.back()

Back

An API object used by scripting languages to send HTTP or HTTPS requests to a Web server; the server response is

loaded back into the script.

Front

XMLHttpRequest 

Back

. Draws a straight line from the current drawing position to the specified position (x,y)

Front

lineTo(x,y) 

Back

Changes the URL in the browser window by adding a URL to the history stack

Front

 history.pushState(state object, title, url)

Back

Draws an arcing (curving) line with a center (x,y), a given radius, a starting and ending angle (in radians), and instruction to draw

in a clockwise or counterclockwise direction 

Front

arc(x,y,radius,startAngle,endAngle,anticlockwise)

Back

Specifies a key-pair generator field used for forms. When the form is submitted, the private key is stored locally, and the public key is sent to the server. 

Front

<keygen>

Back

Sends the browser forward one page in the history

Front

Sends the browser forward one page in the history

Back

returns a context object, which provides properties and methods that can be used to draw and manipulate images on the

canvas. 

Front

getContext()

Back

The .class selector Selects elements with the specified class (e.g., demo)

Front

$(".demo")

Back

Ends the current drawing path

Front

closePath()

Back

method to prevent default action where data elements cannot be dropped in other elements

Front

preventDefault()

Back

An area of a Web page that has been defined as a place where dragged items can be placed

Front

drop zone

Back

for (var i = 0, x = files.length; i < x; ++i) 

Front

loop that iterates through a set of files

Back

Selects all instances of the specified element (<a>) with the specified attribute (target) and specified value (_blank

Front

$("a[target='_blank']")

Back

Sets or returns the text content of selected elements

Front

text() 

Back

 Inserts content at the end of the selected elements

Front

append()

Back

used to get and set attribute values

Front

attr() 

Back

 Moves the drawing pointer to a specified position (x,y)

Front

moveTo(x,y

Back

Selects the current HTML element 

Front

$(this) 

Back

API used for rendering visual images on the fly by providing scripts with a bitmap canvas. 

Front

 canvas 

Back

An event handler that is called when the history changes for a document in the browser window

Front

 window.onpopstate

Back

. Sets or returns the values of form fields

Front

val() 

Back

Adds a stroke (line) to the path drawn 

Front

 stroke()

Back

 A standard that specifies how objects in a Web document can be referred to and manipulated through scripting languages. 

Front

Document Object Model (DOM)

Back

called when a page element is dropped after being dragge

Front

drop

Back

A technique for transmitting data objects between a server and a Web application without disturbing page display. Uses HTML,

CSS, JavaScript and the DOM

Front

AJAX

Back

Returns the state object at the top of the history stack

Front

history.state

Back

Selects all HTML elements in the document

Front

$("*")

Back

 The element selectorSelects instances of the specified element (e.g., <a>) based on the element name

Front

$("a")

Back

A list of the files that are needed for the Web application to work offline

Front

manifest

Back

Selects all instances of the specified element () with the specified class (demo)

Front

$("a.demo")

Back

Inserts content before the selected elements

Front

before() 

Back

The ability to determine a user's location

Front

geolocation

Back

Fills the area with the color set by the fillStyle property

Front

fill()

Back

Retrieves the current geographic location of the user

Front

getCurrentPosition()

Back

provides the ability to divide a file into byte ranges

Front

Blob (Binary Large Object)

Back

Sets the thickness of the path drawn, in pixels 

Front

lineWidth 

Back

A program that permits the user to continue working with Web sites and documents even when a network connection is

unavailable

Front

offline web applications

Back

Inserts content after the selected elements

Front

Inserts content after the selected elements

Back

Draws a filled rectangle

Front

 fillRect(x,y,width,height)

Back

The #id selector Selects instances of elements based on the id attribute (e.g., custname) of the element

Front

$("#custname") 

Back

A collection of standards and programming instructions that enable access to a software application

Front

 application programming interface (API)

Back

Clears the specified area and makes it fully transparent

Front

clearRect(x,y,width,height)

Back

event listener to trigger the drag event.

Front

 ondragstart

Back

allows you to add, change and delete URLs and titles in the browser history field

Front

History API

Back

Used with jQuery commands to specify that the code will not run until the document has finished loading

Front

document.ready

Back

loop that iterates through a set of files

Front

 for (var i = 0, x = files.length; i < x; ++i)

Back

Retrieves periodic updates about the current geographic location of the user

Front

watchPosition()

Back

determines if the browser supports geolocation

Front

 if (navigator.geolocation)

Back

Replaces the current URL in the history with a new one, instead of adding another URL to the history stack

Front

history.replaceState(state object, title, url)

Back

Sets the fill color or style 

Front

fillStyle 

Back

JavaScript code that selects an HTML element using the ID attribute

Front

document.getElementById("MyLocation") 

Back

Sets or returns the content of selected elements (including HTML markup)

Front

. html() 

Back

Removes the selected element (and its child elements)

Front

remove() 

Back

JavaScript library used to simplify programming. 

Front

jQuery

Back

A directory on a computer where applications, such as Internet apps, can be stored and run without access to the original

application. 

Front

application cache

Back

 Either begins a drawing path or resets the current path 

Front

beginPath() 

Back

JavaScript

Front

used to access the DOM

Back

. Removes the child elements from the selected element 

Front

empty()

Back

JavaScript

(63 cards)

An API object used by scripting languages to send HTTP or HTTPS requests to a Webserver; the server response is loaded back into the script. 

Front

. XMLHttpRequest

Back

 script added to a single HTML element

Front

inline script

Back

linking web pages to a text file with the .js file name extension

Front

external script 

Back

creates a pop-up box with the specified message string, which the user can dismiss by clicking a button in the box 

Front

alert() 

Back

variable declared outside of any function definition, usually at the start of your script

Front

global variable

Back

 a part of a statement that is evaluated as a value

Front

expression

Back

a programming language designed to enable computer users to write useful programs easily

Front

scripting language

Back

Occurs when a page is loaded into the browser (i.e., opened)

Front

load

Back

Occurs when the mouse pointer leaves a link, image or other visible element on a page 

Front

mouseOut

Back

creates a pop-up box with the specified message string and requests user confirmation (yes or no) by clicking the OK or Cancel button in the box

Front

 confirm()

Back

Operations will evaluate to true or false

Front

Logical 

Back

Occurs when the user moves the mouse pointer over a link, image or other visible element on a page

Front

mouseOver

Back

A reference technique used to access a property or method of an object. 

Front

dot notation

Back

Occurs when the loading of an image is aborted

Front

abort

Back

creates a pop-up box with the specified message string and requests user input into a text field in the box 

Front

prompt()

Back

specific qualities of properties

Front

values

Back

The actual data values you provide in JavaScript 

Front

literal 

Back

these are typically syntax errors. Load-time errors usually cause error alerts. 

Front

 Load-time errors

Back

A self-contained programming component that contains properties and methods needed to make a certain type of data useful

Front

object 

Back

Occurs when a form's Reset button is clicked

Front

. reset

Back

processes a function's statements

Front

calling statement

Back

used to determine whether an operand is a number

Front

 isNaN()

Back

Occurs when the user selects the text in a form field

Front

. select

Back

Assigns a value to a variable using the equal symbol (=)

Front

Assignment

Back

Occurs when a user gives input or focus to a form element

Front

focus

Back

used to assign values

Front

=

Back

 A standard that specifies how objects in a Web document can be referred to and manipulated through scripting languages.

Front

Document Object Model (DOM)

Back

. An interpreted programming language designed to simplify application development

Front

scripting language

Back

These are mathematical errors, casting errors, errors in proper command usage or errors in the structure of the script, which result in the script running improperly. Logic errors do not cause error alerts. The script may return unexpected results or may fail to execute at all. 

Front

. Logic errors

Back

converts a string to its floating-point decimal equivalent

Front

parseFloat()

Back

variable declared within a function and available only from within that function

Front

local variable 

Back

Compares two values and returns a true or false value

Front

 Comparison

Back

various attributes of an object, such as height, color, font size, sentence length and so forth. 

Front

 properties

Back

A special keyword for the null value (e.g., if a user enters nothing in a text box then submits the form, the text box has null value)

Front

null

Back

Mode that describes when values are passed to a function, and the function's parameters receive its argument's actual value

Front

pass by reference

Back

Occurs when a user changes the value of a form field 

Front

change

Back

a named space of memory

Front

variable

Back

convert a string value to uppercase letters

Front

toUpperCase()

Back

Occurs when input focus is removed from a form element (e.g., when a user clicks the mouse button outside of a particular field)

Front

blur

Back

writes the specified message string in the page

Front

 document.write()

Back

A value or expression containing data or code that is passed on to a function or procedure. Also called a parameter. 

Front

argument

Back

 combines text strings

Front

concatenation

Back

used to return values from a function

Front

return

Back

True or false values only

Front

. Boolean 

Back

Occurs when an error takes place while a page or image is loading

Front

error

Back

Any string of alphanumeric characters used for words or for numbered phrases that are not mathematically manipulated 

Front

string 

Back

 script added to a single web page within either the <head> or <body>

Front

embedded script

Back

converts a string to its integer equivalent 

Front

parseInt() 

Back

 Mode that describes when values are passed to a function, and the function's parameters receive a copy of its argument's value. 

Front

pass by value 

Back

actions that an object can be made to perform 

Front

. methods

Back

 Data that is to be operated upon or manipulated in some manner. 

Front

operand

Back

Makes decisions in a script; the expression (condition) will return either true or false, then evaluate the corresponding

expression 

Front

Conditional

Back

After the script has loaded and is running, an error occurs. These are typically caused by improper use of commands.

Run-time errors usually cause error alerts as well. 

Front

Run-time errors

Back

. Evaluates to a number

Front

Arithmetic

Back

a way of changing a variable from one data type to another

Front

casting

Back

a named set of statements that performs a task or calculates a value

Front

. function

Back

. JavaScript library used to simplify JavaScript programming. 

Front

jQuery

Back

symbols or characters used in expressions to store or evaluate a value

Front

 operator

Back

Occurs when a form's Submit button is clicked 

Front

submit

Back

Occurs when a variable has no value assigned yet 

Front

. undefined 

Back

 Occurs when the user clicks on a link or form element

Front

click

Back

Occurs when a page is unloaded from the browser (i.e., closed)

Front

unload

Back

Any numeric value used for mathematical operation

Front

number

Back

CSS3

(94 cards)

for Opera 

Front

-o-

Back

. Defines a 3D translation using specified parameters for positions on the X-axis, Y-axis and Z-axis

Front

translate3d(x,y,z)

Back

Defines a 3D rotation by specifying the degree for rotation for all axes

Front

rotate3d(x,y,z,angle)

Back

for Internet Explorer 

Front

-ms-

Back

Describes the speed of a transition

Front

transition-timing-function

Back

Specifies the weight or thickness of each character in the font

Front

font-weight

Back

. Moves the element along the Y-axis (vertically)

Front

translateY(n) 

Back

 Selects every disabled instance of a specified element

Front

element:disabled

Back

 Increases or decreases the size of the element, based on specified parameters for width (x) and height (y)

Front

scale(x,y) 

Back

Moves the element along the X-axis (horizontally)

Front

translateX(n) 

Back

Specifies a justification style for the last line in a text block whose text-align property is set to "justify"

Front

text-align-last

Back

 scaleY(y)

Front

Defines a 3D scale transformation by specifying a value for the Y-axis

Back

A W3C technology for applying formatting instructions to other markup language documents. 

Front

 Cascading Style Sheets (CSS)

Back

Selects every instance of a specified element whose specified attribute begins with the specified value

Front

 element[attribute^=value]

Back

technique used to place an HTML element on top of another HTML element 

Front

. overlay

Back

 Shorthand property for all the animation properties, except animation-play-state

Front

animation

Back

Selects every instance of a specified element that is the last of its parent 

Front

element:last-of-type

Back

Turns or skews the element to a specified angle, based on the specified parameters for the horizontal (x) and vertical (y) lines 

Front

skew(x-angle,y-angle)

Back

Specifies how an animation progresses over one cycle

Front

animation-timing-function

Back

Specifies whether child elements will retain the parent element's position in 3D space

Front

. transform-style

Back

selects elements with a specific class attribute

Front

class selector

Back

Creates outlined characters for text

Front

text-outline 

Back

Changes the element's height

Front

scaleY(n)

Back

Selects every enabled instance of a specified element

Front

element:enabled

Back

Specifies the tabbing order for an element 

Front

. nav-index

Back

Allows you to change a transformed element's position 

Front

transform-origin

Back

. a specific selection for a property

Front

value

Back

 Specifies the identifier for the @keyframes animation that binds it to a selector

Front

animation-name

Back

. Cuts off, or clips, text that extends beyond its container

Front

text-overflow

Back

Defines a 3D scale transformation by specifying a value for the X-axis 

Front

. scaleX(x)

Back

Sets the four transition properties into a single property

Front

transition

Back

consists of a property and a value

Front

declaration

Back

Specifies where the cursor will navigate to when the user presses the arrow

Front

nav-right

Back

Specifies that long words in a text area may be broken without a hyphen and wrap to the next line

Front

. word-wrap

Back

Specifies where the cursor will navigate to when the user presses the arrow-left key

Front

nav-left

Back

specifies CSS styles for elements based on a certain state

Front

 pseudo selector 

Back

Selects every instance of a specified element whose specified attribute contains the specified substring value

Front

element[attribute*=value]

Back

Turns or skews the element to a specified angle along its Y-axis 

Front

skewY(angle)

Back

Defines whether an element can be resized by the user and how it can be resized

Front

. resize 

Back

Selects every instance of a specified element whose specified attribute ends with the specified value

Front

element[attribute$=value]

Back

. Specifies how the font should be stretched or spaced

Front

font-stretch

Back

Style added directly into the HTML element tag to which you want to apply the style. These styles are applied to elements

individually. 

Front

Inline styles 

Back

Positions the background-image relative to an element's border, padding or content

Front

background-origin

Back

Specifies whether lines of text in a text area can break, and where a line can be broken. This property is no longer supported. 

Front

text-wrap

Back

Specifies whether (and how) punctuation characters can be trimmed or sized when they appear at the beginning or end of a line

Front

punctuation-trim

Back

Defines the amount of time that a transition takes

Front

 transition-duration

Back

Defines a 3D translation using only the value for the Z-axis

Front

 translateZ(z)

Back

Makes an element look like a standard user interface element, such as a button or window

Front

appearance

Back

Specifies where the cursor will navigate to when the user presses the arrow-down key

Front

nav-down

Back

Defines whether or not an element is visible when it is rotated to face away from the viewer

Front

backface-visibility 

Back

Specifies whether (and how) punctuation characters can appear outside the line box at the beginning or end of a full line of text

Front

 hanging-punctuation

Back

Creates a border that uses an image instead of a line

Front

border-image

Back

Defines the shape or curve of a border around an element

Front

border-radius

Back

Specifies the number of times that the animation will play

Front

animation-iteration-count

Back

Specifies the range of UNICODE characters that should be downloaded for the font, based on availability

Front

unicode-range 

Back

Styles an element with an iconic equivalent 

Front

. icon

Back

Changes the element's width 

Front

@keyframes

Back

Rotates the element around its Z-axis at the specified degree

Front

rotateZ(angle)

Back

Defines a 3D translation using only the value for the X-axis

Front

translateX(x) 

Back

specifies CSS styles for HTML elements based on the element name

Front

tag selector 

Back

 Specifies how long the animation will take to complete one cycle 

Front

animation-duration

Back

Specifies whether the animation is running or paused

Front

animation-play-state

Back

Rotates the element around its Y-axis at the specified degree 

Front

rotateY(angle) 

Back

Specifies the bottom position of a 3D element

Front

. perspective-origin

Back

 a format instruction that consists of a specified selector and the properties and values applied to it

Front

rule

Back

a text file that contains CSS formatting instructions

Front

External style sheet 

Back

styles added to the <head> of individual an HTML document

Front

Embedded or Internal style sheet 

Back

Specifies when the animation will begin 

Front

animation-delay

Back

Specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view (in pixels) 

Front

perspective

Back

Specifies how the font should be styled vertical or slanted 

Front

font-style

Back

Specifies a justification style for text whose text-align property is set to "justify"

Front

 text-justify

Back

Rotates the element around its X-axis at the specified degree

Front

 rotateX(angle) 

Back

Specifies whether lines of text in a text area can break, and where a line can be broken

Front

word-break

Back

Defines the size of background images

Front

background-size

Back

Draws an outline beyond the border edge as specified

Front

outline-offset

Back

Defines a 3D transformation using a 4x4 matrix of 16 values

Front

matrix3d(n,n,n,n,n,n,n,n,n,n,n, n,n,n,n,n)

Back

Selects every instance of a specified element that is the first of its parent

Front

element:first-of-type

Back

allows developers to specify custom fonts for their Web page elements

Front

2. @font-face

Back

Specifies the CSS property that the transition will affect 

Front

translateX(x) 

Back

Selects every instance of element2 that is preceded by an instance of element1

Front

element1~element2

Back

Moves the element from its current position, based on the specified parameters for the left (x) and top (y) position

Front

translate(x,y)

Back

. transform

Front

Applies a 2D or 3D transformation to an element, including rotating, moving, skewing, scaling and so forth

Back

Defines a 3D scale transformation by specifying a value for the Z-axis

Front

scaleZ(z)

Back

Selects every disabled instance of a specified element 

Front

value

Back

Specifies the CSS property that the transition will affect

Front

transition-property

Back

specifies the stack order of an element

Front

z-index

Back

Combines all of the 2D transform methods into one

Front

. matrix(n,n,n,n,n,n)

Back

Specifies the painting area of the background. Determines whether the background extends into the border or not

Front

. background-clip 

Back

Defines when the transition will begin 

Front

transition-delay

Back

for Chrome, Safari and iOS 

Front

-webkit-

Back

Turns or skews the element to a specified angle along its X-axis 

Front

skewX(angle) 

Back

Applies shadows to edges of text characters to create visual depth 

Front

text-shadow

Back

 Defines a 3D translation using only the value for the Y-axis

Front

translateY(y)

Back

. Defines a perspective view for a 3D transformed element

Front

perspective(n)

Back

Web Forms

(62 cards)

Specifies how form input should be encoded when submitted to the server

Front

formenctype

Back

Specifies the maximum number of characters that can be entered in the field by the user

Front

maxlength 

Back

pattern for latitude/longitude

Front

 <input type="text" pattern="-?\d{1,3}\.\d+"> 

Back

Provides a hint to the user of the input value expected in the field

Front

placeholder

Back

stored locally on the user's computer

Front

private key

Back

pogo-sticking 

Front

Occurs when users must submit and resubmit a form until it validates

Back

Allows the user to choose a date and time with a local time zone

Front

<input type="datetime-local"> 

Back

Specifies the HTTP method for sending form input to the formaction attribute's URL value

Front

formmethod

Back

Allows the user to enter numbers using a slider control

Front

<input type="range">

Back

rectangular field that can expand upon user interaction and allow users to select one or more pre-determined choices 

Front

Drop-down select list 

Back

pattern for a URL

Front

<input type="url" pattern="https?://.+">

Back

Allows the user to enter one or more e-mail addresses 

Front

<input type="email">

Back

recognizes text input and completes the text entry automatically

Front

autocomplete

Back

Requires the user to select or enter a value before the form can be submitted 

Front

required

Back

round buttons in a group of mutually exclusive pre-determined choices

Front

Radio buttons

Back

Allows the user to enter a URL, such as an http://, ftp:// or mailto: address

Front

<input type="url">

Back

Allows the user to choose a date using the month and year (without time zone) 

Front

<input type="month">

Back

Adds security to a form through asymmetric encryption by creating a key-pair generator field in the form

Front

<keygen>

Back

rectangle field into which users can type alphanumeric characters of their choice

Front

Text box

Back

Allows the user to enter a date (without time zone) using a drop-down date-picker calendar 

Front

<input type="date">

Back

Applies focus on the element when the page loads

Front

autofocus

Back

used to group elements so that related fields are placed together in a form 

Front

<fieldset>

Back

a process that tests data input by users in a Web form to verify whether the input follows a specified format or meets minimum requirements for character number or type.

Front

User input validation 

Back

<input type="tel">

Front

Allows the user to enter a phone number 

Back

Specifies a name or keyword that indicates where to display the response to the user after s/he has submitted the form

Front

formtarget

Back

Checks input into the field against a regular expression, which is a pattern of characters for use in pattern-matching and search-and-replace functions 

Front

pattern

Back

Specifies where to send user input when the form is submitted

Front

formaction

Back

Allows the user to choose a date and time with a GMT time zone

Front

<input type="datetime">

Back

An attribute used by many different elements.

Front

global attribute

Back

Requires input in the field before the form can be submitted

Front

required

Back

Allows the user to enter more than one value in the element 

Front

multiple

Back

Specifies a name for the element that can be used to reference it

Front

name

Back

square buttons in a group of pre-determined choices from which the user can select more than one choice

Front

Check boxes

Back

Specifies the IDs of elements whose values were used

Front

for 

Back

enables you to add a label to an input element in a form 

Front

 <label>

Back

A type of user input validation in which the user input in each field of a form is validated as the user completes it, before the form is submitted. 

Front

inline validation

Back

Specifies whether text submitted in a form field is to be wrapped 

Front

wrap

Back

Specifies a list of pre-defined choices for an element

Front

. . <datalist>

Back

Specifies the form(s) on the page in which the element appears

Front

form

Back

Disables the element 

Front

disabled

Back

allows you to add a caption for a group of items created by the element

Front

<legend>

Back

Refers to pre-defined options contained in a datalist

Front

. list

Back

Specifies a short description to provide the user with a hint about the expected input in the field

Front

placeholder

Back

The backward-compatibility of code; its ability to render an acceptable substitute on the page when older or noncompatible browsers cannot support newer HTML features 

Front

graceful degradation 

Back

Directs the browser not to validate form data upon submission

Front

novalidate

Back

buttons typically found at the bottom of forms used for either submitting the form or clearing all user input from the form

Front

Submit and Reset buttons

Back

used to designate the beginning of a form on a page 

Front

<form> 

Back

Allows the user to enter rational integers or float values 

Front

 <input type="number">

Back

Defines the minimum or maximum value for an element

Front

min max

Back

Allows the user to choose colors

Front

 <input type="color">

Back

submits a user's completed form data to the server for processing 

Front

 <button type="submit">

Back

Allows the user to enter text for a search query

Front

<input type="search">

Back

pattern for an email address

Front

<input type="email" pattern="^.+@.+$">

Back

pattern for a date

Front

<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}">

Back

. Semantic input types

Front

input fields that describe their content to developers as well as browsers 

Back

Allows the user to choose a date using the week and year (without time zone)

Front

. <input type="week">

Back

specifies that a field must be completed before form submission 

Front

required

Back

Defines the maximum length of input allowed in an field

Front

maxlength

Back

ensure that certain types of form data are entered correctly, such as dates, e-mail addresses, prices and URLs

Front

pattern

Back

Directs the form not to validate upon submission

Front

formnovalidate 

Back

Displays the result when a calculation is performed

Front

<output> 

Back

sent to the Web site's server to match the user's key

Front

public key

Back