Css How To Use It? how do you use it to make a custom layout 4 website?

how you make a custom layout and what is the coding and stuff?

this is css script that i was using for a design but this is a general idea on how it works best suggestion would be go to websites that have free templates that use
CSS and it will give you a general idea what it looks like
and what you can use if you want the tamplate that goes with css let me know.

body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; background-color:#2d3851; scrollbar-3dlight-color:#FF6600;  scrollbar-arrow-color:#FF6600;  scrollbar-base-color:#333333;  scrollbar-darkshadow-color:#FF6600;  scrollbar-face-color:#333333;  scrollbar-highlight-color:#999999;  scrollbar-shadow-color:#666666; }h1 { font-family: Times New Roman, serif; font-size: 26px; font-weight: normal; color: #e9f2fc; }h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; }p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; color: #333333; }a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #0000f0; }a:visited { text-decoration: none; color: #000090; }a.navlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #333333; }a.navlink:visited { text-decoration: none; color: #333333; }a.newslink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; text-decoration: none; color: #333333; }a.newslink:visited { text-decoration: none; color: #333333; }a.newslink:hover { text-decoration:none; color: #333333 }li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; padding-bottom: 7px; color: #333333; } .navcell {padding: 3px 7px 3px 7px; }.newsheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; padding-left: 5px; color: #e9f2fc; background-color: #ffffff; background-color: #5f7797; }.newscell { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; padding-top: 7px; padding-left: 5px; padding-right: 5px; padding-bottom: 9px; color: #464c64; background-color: #a7aeb8; }.update { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 14px; color: #e9f2fc; }.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #464c64; }

<LINK REL=STYLESHEET TYPE="text/css" HREF="stuff.css">

Here are several CSS layout generators that I have found:

1. http://forums.xisto.com/no_longer_exists/
2. https://csscreator.com/version2/pagelayout.php - has visualizations
3. http://forums.xisto.com/no_longer_exists/

Have fun!

If you have Dreamweaver - or any other HTML editor that has that feature, for that matter, you can make a CSS (Cascading Style Sheet) fairly easily with a few clicks - and you can apply it to all the pages on your site for consistency. If not, then try the code that one of the members posted.