In CSS, which one of these symbols is the child selector?

In CSS, which one of these symbols is the child selector?

• -
• +
• >
• ~ 

EXPLANATION

The greater-than symbol ">" is the child selector in CSS and is written between two elements, the first element being the parent and the second element being the child. From the W3Schools website,
"The child selector selects all elements that are the immediate children of a specified element."

SOURCE

https://www.w3schools.com/css/css_combinators.asp

Read More

Which of the following languages requires server-side interpretation?

Which of the following languages requires server-side interpretation?

• CFML
• XML
• Java
• CSS 

 

EXPLANATION

ColdFusion Markup Language (CFML) is a scripting language that augments standard HTML files with database commands, conditional operators, high-level formatting functions, and other elements to produce web applications. CFML also includes numerous other constructs, including ColdFusion Components (CFCs), CFML's version of objects, which allow for separation of business logic from presentation.
CFML can be written using either tags or CFScript, which is an ECMA script-style language.
The pages in a CFML application include the server-side CFML tags and functions in addition to HTML tags. Modern CFML applications also tend to have CFCs that are accessed by the CFML pages for executing business logic. When a web browser requests a page in a ColdFusion application, it is automatically pre-processed by the ColdFusion application server.
ability
CFML can also be used to generate other languages,such as XML, JavaScript, and CSS.
Source: https://en.wikipedia.org/wiki/ColdFusion_Markup_Language

Read More

Which of the following characters designates a class in CSS?

Which of the following characters designates a class in CSS?

• #
• !
• .
• ~ 

 

EXPLANATION

The .class selector selects elements with a specific class attribute.  To select elements with a specific class, write a period (.) character, followed by the name of the class.

Definition and Usage

The .class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period (.) character, followed by the name of the class.

You can also specify that only specific HTML elements should be affected by a class. To do this, start with the element name, then write the period (.) character, followed by the name of the class (look at Example 1 below).

HTML elements can also refer to more than one class (look at Example 2 below). 

Read More

A webpage has six images with large margins. These margins cause viewing problems on small screens such as phones. Which css will remove the margins on small devices?

A webpage has six images with large margins. These margins cause viewing problems on small screens such as phones. Which css will remove the margins on small devices?

• @media screen and (max-width:600;){ img {margin:0px;} }
• @media screen and (max-width:600px){ #img {margin:0px;} }
• @media screen and (max-width:600px){ img {margin:0px;} }
• @media screen and (min-width:600px){ img {margin:0px;} } 

 

EXPLANATION

img is an HTML tag, so it is referred to without any prefix. #img would be an ID, which can only refer to a single item, so would not be suitable here. (In practice we might use a class though.)
max-width will apply the conditional css to screens of less than the stated width. min-width would affect only larger screens, which is not what we want.
Nasty gotcha: (max-width:600;) is invalid syntax. Although this looks like a standard css statement, it is actually a special comparison clause. It must not be terminated with a semicolon. (Trailing semicolons are optional on single css statements, but for some obscure reason are not allowed here.) 

SOURCE

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Read More

Which Symbol denotes an ID in CSS?

Which Symbol denotes an ID in CSS?

• .
• %
• $
• #

EXPLANATION

The #id selector styles the element with the specified id.
CSS Syntax:

#id {
    css declarations;
}

http://www.htmldog.com/guides/css/intermediate/classid/

 

Read More

When you develop websites that scale well (visually) regardless of screen size, you are using which of the following principles?

When you develop websites that scale well (visually) regardless of screen size, you are using which of the following principles?

• Theme-based Scaling
• HyperText Scale Design
• Responsive Design
• Mobile Scaling 

EXPLANATION

Responsive design is an approach to web design aimed at crafting sites to provide an optimal viewing and interactive experience across a wide range of devices (from desktop computer monitors to mobile phones). Responsive design is becoming more important as mobile traffic now accounts for more internet traffic.

SOURCE

Spiceworks.com

Read More