AGENTM2 Web design // Workflow Essentials // CSS

[AGENTM2]

Essentials that should be in every css file
Essential css declarations you can use for your main css file. This sets styles across the board without needing to code it into individual html tags. Modify as needed. Enjoy.

/* Quick hex color reference */
/* palette
?????? - color 1
?????? - color 2
?????? - color 3
*/

/* Link style */
a {
color: blue;
text-decoration: underline;
}

/* Body style. Gets rid of the default page margin. */
body {
margin: 0px;
}

/* Set the font used in DIVs */
div {
font-size: 10px;
font-family: Helvetica;
}

/* Forms have a margin by default that can push your design out undesirably. This gets rid of it. */
form {
margin: 0px;
}

/* Set the font used in form fields */
input {
margin: 0px;
font-size: 10px;
font-family: Helvetica;
}

/* Select style */
select {
margin: 0px;
border: 0px;
font-size: 10px;
font-family: Helvetica;
}

/* Gets rid of default cell spacing */
table {
border-spacing: 0px;
}

/* Set the font and removes default padding used in all TDs which usually is most of the site */
td {
font-size: 10px;
font-family: Helvetica;
padding: 0px;
}

/* Set the font and style for textareas */
textarea {
margin: 0px;
border: 0px;
background-color: #FFFFFF;
font-size: 10px;
font-family: Helvetica;
width: 100%;
}

/* List style */
ul {
margin: 0px;
text-indent: 0px;
}

/* List bullet style */
li {
list-style-type: square;
text-indent: 0px;
}