Section 1

Preview this deck

Grouping Selectors

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

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (24)

Section 1

(24 cards)

Grouping Selectors

Front

In style sheets there are often elements with the same style:

Back

Background Image - Repeat

Front

There are four possible values for _______. The default is simply repeat, it repeats the image horizontally and vertically as many times as is needed to fill the element.

Back

CSS Comments

Front

used to explain your code co​mment starts with /* and ends with /.

Back

External Style Sheet

Front

is ideal when the style is applied to many pages. With an/a _______style sheet, you can change the look of an entire Web site by changing one file.

Back

<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/background.gif");} </style> </head>

Front

Internal Style Sheet

Back

Margins

Front

You can also declare all the ________ of an element in a single property #box {margin:10px 20px 10px 20px;}/ Top,Right,Bottom,Left / This sets margins for all sides: #box {margin:10px;}/ All 4 margins /

Back

CSS

Front

Cascading Style Sheets

Back

Box Model

Front

All HTML elements can be considered as ______. In CSS, the term ________ is used when talking about design and layout. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content.

Back

The class Selector

Front

finds elements with the specific class.

Back

Internal Style Sheet

Front

should be used when a single document has a unique style. You define an/a ________style sheet in the head section of an HTML page, by using the <style> tag, like this

Back

Text Transformation

Front

The ___________ property is used to specify uppercase and lowercase letters in a text. It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word.

Back

Border

Front

You can set the thickness, style, and color of the _______. p.warning {border:solid #F33;}

Back

CSS Syntax

Front

A CSS rule set consists of a selector and a declaration block: h1 {color : blue;}

Back

<p style="color:sienna;margin-left:20px;">This is a paragraph.</p>

Front

Inline Style Sheet

Back

Background Position

Front

The four basic _________ settings are the keywords top, left, bottom, right, and center, and you can specify any two of them in the property values. origin point defines the horizontal and vertical coordinates of a point within both the element and the image by which they are aligned

Back

Inheritance

Front

When you nest one element inside another, the nested element will inherit the properties assigned to the containing element. Unless you modify the inner elements values independently. body {font-family: Verdana, serif;} Now all text within the (X)HTML file will be set to Verdana.

Back

Lists

Front

In HTML, there are two types of_____ unordered lists <ul>: the list items are marked with bullets and ordered lists <ol>: the list items are marked with numbers or letters. With CSS, lists can be styled further, and images can be used as the list item marker. The type of list item marker is specified with the list-style-type property: ul {list-style-type:circle;} ul {list-style-type:square;}

Back

The id Selector

Front

uses the id attribute of an HTML tag to find the specific element.

Back

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

Front

External Style Sheet

Back

Inline Style Sheet

Front

loses many of the advantages of style sheets by mixing content with presentation

Back

Text Indentation

Front

The __________ property is used to specify the indentation of the first line of a text. p {text-indent:50px;}

Back

Set Font Size with Em

Front

The em size unit is recommended by the W3C. 1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px. The size can be calculated from pixels to em using this formula: pixels/16=em.

Back

Letterspacing

Front

You can adjust the space between letters in the following manner. Setting the value to 0, prevents the text from justifying. You can use negative values. p {letter-spacing:5px;}

Back

Three Ways to insert CSS Styles

Front

External style sheet, Internal style sheet, and Inline style

Back