Elliot Simmons


Hello! Within the creative world. my interests include drawing, painting, photography, and design. Currently, I'm in EvCC's Graphic and Web Design program, which will help me achieve my goal of becoming a self-sustaining artist/ creative by widening my range of skills.

Content Holder 1

Email : esimmmons@email.com

Website : johndoe.viscomdesign.net

Address : 2000 Tower Street, Everett

CSS Basics

Tags and Definitions

CSS Box Model

A CSS Box Model contains the elements within a webpage. It has four parts, the innermost section being the content area with the textual or visual information of the element. The content is surrounded by the padding, which provides space between the content and the border, the next part of the box model. On the outside of the model is the margin, which gives space between the border and the rest of the elements/ web page.

Anatomy of an Element

The difference between an element, ID, class, and compound rule:

An element is anything with an opening tag and closing tag. Classes can be used to style multiple elements the same way, while an ID styles a single element. Compound rules are when you combine multiple classes or IDs.


The font property controls the typeface and font families of the text.


The border goes around the content of an element.


Allows you to pick a color to go in the background of an element.


This property is used to change the color of text.


The invisible space between the content and border.


The invisible space on the outside of a border.


Adds decorations such as underlines or strikethroughs, and controls the color and style of these decorations.


Controls the width of an element.


Sets where an element goes on the page, they can float left, right, or center.


This property is used to style list items, including the option to choose bullets, circles, or squares to precede each item.


Decides how an element is positioned, like static (the default, elements appear one on top of each other) or absolute (moves the element to the top left corner of its parent element.


Makes it so that an element does not wrap around a floating element.


Controls how an element is displayed on the web page, such as a block element that starts on a new line and goes across the page, or an inline element that doesn’t start on a new line or take up the full width.