CSS Fundamentals

Question 1 of 29

Medal-premium 1

When you type in CSS using the style attribute in an HTML tag, you are using which type of declarations

Select one or more of the following:

  • Inline Styles

  • Embedded Styles

  • External Styles

Question 2 of 29

Medal-premium 1

When you place a declaration inside the <style> tag, you're using

Select one of the following:

  • Inline Styles

  • Embedded Styles

  • External Styles

Question 3 of 29

Medal-premium 1

When you're using a declaration on a file and use the <link> tag, you're using

Select one of the following:

  • Inline Styles

  • Embedded Styles

  • External Styles

Question 4 of 29

Medal-premium 1

The part of CSS that determines the order in which rules are applied is called

Select one of the following:

  • Styles

  • Cascade

  • DOM

  • Pseudo

Question 5 of 29

Medal-premium 1

On a web page, CSS is responsible for

Select one of the following:

  • Structure

  • Layout

  • Interactivity

  • Semantics

Question 6 of 29

Medal-premium 1

The part of CSS Syntax that lets you choose the HTML elements you want to modify are called

Select one of the following:

  • selectors

  • declarations

  • properties

  • values

Question 7 of 29

Medal-premium 1

Selector/Property paris are called declarations

Select one of the following:

  • True
  • False

Question 8 of 29

Medal-premium 1

Declarations are separated by semicolons

Select one of the following:

  • True
  • False

Question 9 of 29

Medal-premium 1

Whitespace (tabs, extra spaces or carriage returns) are irrelevant to the renderer in browsers and should be used for formatting and making the file easier to read.

Select one of the following:

  • True
  • False

Question 10 of 29

Medal-premium 1

The style attribute affects a single instance of the element being targetted and can be used in the opening or closing element of the tag

Select one of the following:

  • True
  • False

Question 11 of 29

Medal-premium 1

Which of these has the most specificity?

Select one or more of the following:

  • Elements declared with style attributes

  • Inline CSS

  • Embedded Styles

  • External stylesheets

Question 12 of 29

Medal-premium 1

To create styles that can affect multiple selectors on the current page you place these in the <head> section of your document

Select one or more of the following:

  • Inline Styles

  • Embedded Styles

  • External Styles

Question 13 of 29

Medal-premium 1

Embedded styles should always be placed inside the <head> section of your document because it loads before any of the content on your page

Select one of the following:

  • True
  • False

Question 14 of 29

Medal-premium 1

This tag connects CSS files on a separate document with the current page

Select one of the following:

  • style

  • link

  • src

  • http

Question 15 of 29

Medal-premium 1

When writing CSS in external stylesheets, you don't need the <style> tag

Select one of the following:

  • True
  • False

Question 16 of 29

Medal-premium 1

Which of these are valid declarations that make a color in the background of an element in most modern browsers

Select one or more of the following:

  • background-color: red

  • background-color: rgb(255, 255, 128)

  • background-color: hsla(50, 33%, 25%, 0.75)

  • background-color: transparent

  • background-color: #bbff00

  • background-color: rebeccapurple

  • background-color: chucknorris

Question 17 of 29

Medal-premium 1

To change the transparency of an entire element in HTML, which property would you use?

Select one of the following:

  • opacity

  • alpha

  • rgba

  • hsla

Question 18 of 29

Medal-premium 1

Which of these font properties allow you to make an element appear in a bold style

Select one or more of the following:

  • font-family

  • font

  • font-weight

  • font-style

  • font-variation

Question 19 of 29

Medal-premium 1

Which of these properties allow you to modify the leading (vertical spacing) of a typeface

Select one or more of the following:

  • font

  • font-height

  • leading

  • line-height

Question 20 of 29

Medal-premium 1

Which of these properties allow you to make text uppercase

Select one or more of the following:

  • font

  • text-transform

  • text-decoration

  • letter-spacing

Question 21 of 29

Medal-premium 1

To use custom fonts which of these are valid options

Select one or more of the following:

  • @font-face

  • Font Squirrel

  • Font Bear

  • Google Fonts

  • Adobe's Typekit

Question 22 of 29

Medal-premium 1

The box models affects which of these types of elements and allow you to control the width of an element

Select one or more of the following:

  • display: block;

  • display: inline;

  • display: inline-block;

  • display: none;

Question 23 of 29

Medal-premium 1

Which of these valid CSS declarations allows you to approximate a box model from the old Internet Explorer

Select one or more of the following:

  • box-sizing: content-box

  • box-sizing: padding-box

  • box-sizing: border-box

  • box-sizing: inherit

Question 24 of 29

Medal-premium 1

This outermost property of an element in the box model

Select one of the following:

  • margin

  • border

  • padding

Question 25 of 29

Medal-premium 1

The property of the box model right next to the content

Select one of the following:

  • margin

  • border

  • padding

Question 26 of 29

Medal-premium 1

If two DIVs one with margin: 10px and one with margin: 20px are on top of one another, the resulting space between these two elements is

Select one or more of the following:

  • 10px

  • 20px

  • 30px

  • 40px

Question 27 of 29

Medal-premium 1

To add shadows to text, you use which of these properties

Select one of the following:

  • box-shadow

  • text-shadow

  • border-radius

  • font

Question 28 of 29

Medal-premium 1

To select all paragraphs in a document using CSS and make their default text color red, which of these declarations is correct

Select one or more of the following:

  • p { color: red; }

  • p { font-color: red; }

  • p { background-color: red; }

  • body { color: red; }

Question 29 of 29

Medal-premium 1

Assuming we have this HTML snippet:

<p class="special">Lorem ipsum</p>
<p class="special highlight">Dolor Sit</p>

Which of the following declarations would make only the second paragraph text green

Select one or more of the following:

  • .highlight { color: green }

  • p.special { color: green }

  • p>highlight { color: green }

  • p { color:green }

Icon_fullscreen

CSS Fundamentals

planetoftheweb
Quiz by , created almost 2 years ago

Learning the basics of Cascading Style Sheets

Eye 410
Pin 3
Balloon-left 0
Tags
planetoftheweb
Created by planetoftheweb almost 2 years ago
Close