Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Cascading styles sheets basics -CSS

memorize.ai (lvl 286)

(0)

18 cards

()

Section 1

Preview this deck

declaration block

Front

1 / 18

CSS

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (18)

Section 1

(18 cards)

declaration block

Front

contains one or more properties and values separated by semi colons. and contained with curly braces Ex: p(selector) { color:blue; font-size:12px; Declaration block font-family: Arial; }

Back

selectors

Front

the name for the tags that we use in CSS. In HTML they are call tags - such as the <p> tag, in CSS they are called selectors - such as the p selector

Back

style sheet

Front

describes how our html file should look and holds our formats

Back

inline

Front

CSS added directly into our html tags using the style attribute. Ex: <p style="color:red">text</p>

Back

serif font

Front

has decorative bits at the ends of the letters such as Times New Roman

Back

cursive(script) font

Front

a cursive italicized fancy type of font

Back

Font Families

Front

all our font families fall into three major font-family groups: serif, sans serif, and script

Back

Sans Serif Font

Front

clean font, no decorations on ends of letter such as calibri for example, if you write p { font-family: Tahoma, Verdana, sans- serif }

Back

CSS comments

Front

/I'm a comment/

Back

em

Front

is a relative measure for font-size which takes the default font size of the screen of the device you are using and adjusts it by a percentage example p { font-size: 2em; (will double the default font size) } p { font-size: 5em; (will half the default font size) }

Back

external

Front

separate css file created on a text editor but it is not part of the html document and can be used again and again for multiple webpages. p { color:red; } a{ color:blue; }

Back

.css

Front

the file extension for external css

Back

3 ways to apply Css

Front

inline, internal, external

Back

External CSS Link

Front

goes between head tags on html document and has three attributes 1.type- should always be = to "text/css" 2.rel- should always be equal to "stylesheet" 3. href- should point to file name example <link type="text/css"rel"

Back

internal(also as embedded)

Front

applies to the whole html page and is inserted directly into the head tags and enclosed by style tags <head> <title>my title</title> <style> p { color:red; } </style> </head>

Back

Hexadecimal Value

Front

base 16 system that uses the numbers 0 to 9 and the letters A, B, C, D, E, and F, used to specify color choices in HTML, always starts with a pound sign(hashtag) and can be up to 6 digits long, not case sensitive. Example: #F34567 0123456789ABCDEF Base 16

Back

CSS

Front

cascading style sheets- the skin and makeup our web page. It allows is to apply styling

Back

Benefits of a CSS

Front

can apply formatting to several elements without rewriting code. An external css can be used over and over again for many different html pages Saves a lot of work.

Back