Holla Tech-Learn

CSS Course Shortcut

This page contains a summary of the important lessons required to master CSS; Nevertheless, it is NOT a guarantee of Perfection in the CSS course.


BACKGROUND & BORDER PROPERTIES

Background-Color – Specifies the background  color of an element.

Border-Radius – Allows to round the corners of the border.

Background-Image – Specifies one or more background images for an element.

Background-Size – Specifies the size of the background image(s).

Background-Position – Specifies the position of a background image.

Background-Repeat – Sets how a  background image will be repeated.

Background-Attachment – Specifies how background images should scroll.

Border – Sets all the border properties in one declaration.

Background-Clip – Specifies the painting area of the background.

Border-Color – Sets the color of the four borders.

Border-Image – Specifies the border image.

Border-Width – Sets the width of the four borders.


TEXT PROPERTIES

Text-Align – Specifies the horizontal alignment of text. 

Text-Decoration – Specifies the decoration added to text. 

Text-Indent – Specifies the indentation of the first line in a text-block. 

Text-Shadow – Adds shadow to text. 

Text-Transform – Controls the capitalization of text. 

Word-Spacing – Increases or decreases the space between words in a text. 

White-Space – Specifies how white-space inside an element is handled. 

Letter-Spacing – Increases or Decreases the space between characters in a text. 

Line-Break – Specifies how/if to break lines. 

Line-Height – Sets the line height. 

Word-Wrap – Allows long, unbreakable words to be broken and wrap to the next line. 

Word-Break – Specifies line breaking rules for non-CJK scripts. 

Color – Color of text. 


BOX PROPERTIES
 

Padding – Sets all the padding properties in one declaration. 

Box-Shadow – Attaches one or more drop-shadow to the box 

Opacity – Sets the opacity level for an element. 

Margin – Sets all the margin properties in one declaration. 

Max-Height – Sets the maximum height of a element. 

Max-Width – Sets the maximum width of an element. 

Min-Width – Sets the minimum width of an element. 

Min-Height – Sets the minimum height of an element. 

Display – Specifies how certain HTML elements should be displayed. 

Visibility – Specifies whether or not an element is visible. 

Float – Specifies whether or not a box should float. 

Clear – Specifies what happens if content overflows an element’s box. 

Z-Index – Sets the stack order of a positioned element. 

Width – Sets the width of an element. 

Height – Sets the height of an element. 

Position – Specifies the type of positioning method used for an element (static, relative, absolute or fixed). 

Bottom – Specifies the bottom position of a positioned element. 

Left – Specifies the left position of a positioned element. 

Right – Specifies the right position of a positioned element. 

Top – Specifies the top position of a positioned element. 


FONT PROPERTIES
 

Font-Family – Specifies the font family for text. 

Font-Size – Specifies the font size of text. 

Font-Style – Specifies the weight of a font. 

Font-Variant – Specifies whether or not a text should be displayed in a small-caps font. 

Font – Sets all the font properties in one declaration. 

@Font-Face – A rule that allows websites to download and use fonts other than the web-safe fonts. 


LIST PROPERTIES

List-Style – Sets all the properties for a list in one declaration. 

List-Style-Type – Specifies the type of list-item marker. 

List-Style-Position – Specifies if the list-item markers should appear inside or outside the content flow. 

List-Style-Image – Specifies an image as the list-item marker. 


TABLE PROPERTIES
 

Border-Collapse – Specifies whether or not table borders should be collapsed. 

Border-Spacing – Specifies the distance between the borders of adjacent cells. 

Caption-Side – Specifies the placement of a table caption. 

Empty-Cells – Specifies whether or not to display borders and background on empty cells in a table. 

Table-Layout – Sets the layout algorithm to be used for a table. 


ANIMATIONS & TRANSFORMS
 

@Keyframes – Specifies the animation code. 

Animation – A shorthand property for all the animation properties (except animation play-state and animation-fill-mode}. 

Animation-Name – Specifies the name of the @keyframes animation. 

Animation-Duration – Specifies how many seconds or milliseconds an animation takes to complete one cycle. 

Animation-Delay – Specifies a delay for the start of an animation. 

Animation-Direction – Specifies whether or not the animation should play in reverse on alternate cycles. 


PSEUDO CLASSES & ELEMENTS
 

::First-Line – Selects the line of the selected element.

::First-Letter – Selects the first letter of the selected element. 

::Selection – Selects the parrt of an element that is selected by a user.

::Before – Inserts content before the selected element. 

::After – Inserts content after the selected element. 

::Visited – Selects all visited links. 

::Link – Selects  all unvisited links. 

::Hover – Selects links on mouse over. 

::Active – Selects the active link. 


TRANSITIONS
 

Transition – A shorthand  property for setting the four transition properties. 

Transition-Property – Specifies the  name of the CSS property the transition effect is for. 

Transition-Duration – Specifies how many seconds or milliseconds a transition effect takes to complete. 

Transition-Timing-Function – Specifies the speed curve of the transition effect. 

Transition-Delay – Specifies when the transition effect will start. 


CLICK ON THE BUTTON BELOW TO GO TO THE CSS MAIN COURSE PAGE. 

CSS MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT