leaves

Elliot Simmons

WEB DESIGNER


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.

font

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

border

The border goes around the content of an element.

background-color

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

color

This property is used to change the color of text.

padding

The invisible space between the content and border.

margin

The invisible space on the outside of a border.

text-decoration

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

width

Controls the width of an element.

float

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

list-style

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

position

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.

clear

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

display

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.