CSCI 4300 Web Programming Exam With Accurate Solutions

CSCI 4300 Web Programming Exam With Accurate Solutions



allow us to modify our styles depending on parameters like width of the window or
device type.



view options

media queries

classes

selectors - ANSWER media queries



Which CSS layout method is best suited to achieve this layout? - ANSWER flex



Which css grid property establishes a 3 equal column layout?



columns: .33 .33 .33

row: 3 3 3

grid-template-columns: 1fr 1fr 1fr

child: 1em 1em 1em - ANSWER grid-template-columns: 1fr 1fr 1fr



Website colors can be specified in

______

format as a 6 digit

______

number - ANSWER RGB

hex

,The following css:

.special {

color: green;

margin: 0 0 0 12px;

}



Makes all paragraphs green with 12px margin bottom

Makes paragraphs green with an optional 12px margin.

Makes class special elements green with 12px left margin.

Makes id special elements green with 12 px margin bottom - ANSWER Makes class
special elements green with 12px left margin.



Which of the following CSS selects all links that are nested inside a list item?




ul .a {...}

a:hover ul.li {...}

a:link list-item {...}

li a {....} - ANSWER li a {....}



In CSS which selectors allow you to target multiple elements on the page?



ids

classes

RFDs

properties - ANSWER classes

, The CSS Box Model consists of the following elements in (inside-out) order:



padding

margin

border

content - ANSWER __2__padding

__4__margin

__3__border

__1__content



Which of the following are block elements?



links

images

paragraphs

headers

lists - ANSWER paragraphs

headers

lists



To horizontally center block elements use:



padding-left-right: auto

padding: auto

margin: 0 auto

block: center - ANSWER margin: 0 auto