Code - Cheat Sheet

Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

Monday, January 13, 2020

CSS: Cascading Style Sheets

CSS - Cascading Style Sheets

Pages that give style to HTML

CSS - Definition

CSS - Cascading Style Sheets. Adding style to web documents. i.e. color, design, typefaces, object placement, accessibility, transitions, etc.


Wednesday, January 1, 2020

CSS: Navigation

4 Different States

-visited
-active
-hover
-focus



example

a: visited     {color: #f00}

CSS - Linking to HTML

<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen"

-name of css file
-rel, type, and media

CSS Properties - Font

font-family - type of font

font-size - size of font

font-weight - bold

font-style - italic

color: #f00

Website Layout

<!doctype html>

<html>

<head>

</head>

<body>

</body>

</html>

Website Design Process




Sketch Out Site Layout. Gather resources (text, images, tables, etc.)
Setup Site in Dreamweaver
Create Pagae Structure html
Add Sample Content to Structure
Create Page Presentation CSS - Fromatting and Positioning
Repeat steps 3-5 for additional page designs
Create templates and pages to your site
Add actual content to page
Publish final site

CSS - Terms

https://www.cram.com/flashcards/coding-sites-11154992


#header {}
body in header

ex: background-blue: #EEEE

#container { }

background - color

text-align: center

color: white

center
margin-left: auto
margin-right: auto


#content - content header

#nav div - divs always appear on a new line

Tuesday, December 17, 2019

Terms

HTML - structure and content to a web page
CSS - provide style to the web page

Panels

Panels are the items at the right side of the Photoshop window that can display layer information and text options SOURCE: https://www...