I need an easy, simple basic css stylesheet tutorial I've been looking at them and they all seem different. One will say to do it one way, and one another. And some have things on it I don't really need or want now, just makes it more confusing (like make the first letter of every paragraph a different size or something)
I don't really know javascript, so it would be nice to have like a template, maybe? A cheatsheet? A basic style sheet, I could take something out of or change what's there.
I just went over one on Boogie Jack's and finally figured out what the link, embeded and inline means. But most of what I try the tutorials show doesn't work for me.
I have a job making a website for someone, that involves putting up a lot of pages, basically the same. Online stories, poems, etc.
I started it in the usual way, (html coding) but know this what stylesheets are made for. I've spent several days trying to figure this out and finally got one to show a red page with white letters (not centered).
I like the idea of setting up a stylesheet and uploading it as .css and then putting the link in the head of the page (and whatever text for that page, any images, etc. on it in the usual way.)
I've done websites like this before and set up a form (with the colors, coding, etc) and just put the new text in each page and named it, saved it, and the basic page was still there for the next one to be set up. This is fairly fast and simple. But I still had to go over the text and add <br> and spacing, etc.
I like the way stylesheets work, so much smoother (it seems)
Anyway, I need a fast, simple way to learn how to set up a stylesheet that would just have background color,(maybe border) margins, font, and maybe a line of links along the bottom (which I would change on each one manually go go from page one, to two, etc)
Also... I like to use a stylesheet (I think it's embedded- in the head. I've been using it since before I knew about stylesheets) to highligh links when the mouse goes over them.
<style type="text/css">
<!--
a:hover {background-color: #C4FFFF;}
-->
</style>
From what I've heard about the order, I think the link to the stylesheet page that is uploaded would go in the header first and then the mouse-highlight one?
This would be okay like this, with the link to the stylesheet page above it?
Maybe someone knows a tutorial like I want and can point me in the direction?
Thanks,
Carrie |