Web Development - More CSS Questions and Answers

Web Development - More CSS Questions and Answers Some web pages use a ___ ___, which uses a fixed-width container to envelop the web page content. fixed layout A web page that uses a ___ ___ allows the page contents to fill the browser, sometimes by using percentages for widths. fluid layout A blueprint for a web page that shows how future content will be arranged is called a ___. Wireframe True or false? A fluid layout will not widen to fit the browser width. False True or false? The max-width property should never be used in a fluid layout. False Which CSS layout mode provides an efficient way to lay out elements in a container so the elements behave predictably when the container is resized or viewed on different screen sizes? flexible box or flexbox What is a flex container? An element that has the CSS property display set to flex to create a block-level container or inline-flex to create an inline container. True or false? A flex item is a parent element of a flex container that is positioned and sized according to various CSS flexbox properties. False What CSS property defines the direction of flex items within the container using values? flex-direction Which CSS property justifies the flex items within the container using values: flex-start (default), flex-end, center, space-between, or space-around? justify-content This CSS property determines if or how flex items wrap onto multiple rows when the container is not wide enough to hold all items, using values: nowrap (default), wrap, or wrap-reverse. flex-wrap Which CSS shorthand property can be used to specify flex-grow, flex-shrink, and flex-basis together. flex Which CSS layout mode divides a web page into a rectangular grid in which to position page elements? grid layout What is an element that has the CSS property display set to grid to create a block-level container or inline-grid to create an inline container? grid container What is a child element of a grid container that is by default placed into a single grid cell? grid item This CSS property defines the grid container number of columns and optionally the width of each column. grid-template-columns Which CSS position property value positions an element relative to the nearest positioned ancestor? absolute Which CSS property is used to specify a relative distance that orders the appearance of elements? z-index True or false? Elements with higher z-index values are placed below elements with lower z-index values. False Which CSS property can be used to add a shadow to text? text-shadow True or false? Positive offset-x and offset-y make the shadow appear to the right and below the text, but negative values make the shadow appear to the left and above the text. True True or false? The text-shadow offset-x and offset-y must be a non-zero value. False True or false? A shadow with blur-radius: 4px is less blurry than a shadow with blur-radius: 2px. False True or false? Multiple shadows can apply to the same text. True True or false? An element border corners can be rounded using the CSS property border-radius, which is assigned one to four radius values. True Which CSS rule defines a CSS animation behavior? @keyframes