toddk wrote:Obviously I don't know much about CSS but I wish to learn. I am starting at the very bottom. Hey, everyones got to start somewhere.
Anyway, I am using style sheet Webdev as my default. I have been reading about how to make changes to this. From what I have figured out is that I have to make my own style sheet and then perform the steps you mentioned before. Is this correct?
I view the source code and try to make sense of it. I thought I could just copy and past it as my newly created style sheet and make the changes you suggested. Is that how you go about it or am I way off??
It will be hard for a beginner to make sense of the source code, and the source code isn't the 'stylesheet' anyway. What you should do is look at the existing style sheet for the Webdev style and then get some practice making minor changes to it. To get the existing stylesheet, look at the source code, and at the top you should see these lines:
- Code: Select all
<html lang="en-US"><head>
<title>webdev Photo Gallery by Stylesheet Defaults at pbase.com</title>
<link rel="stylesheet" type="text/css" href="http://image.pbase.com/styles/gallery2.css">
<link rel="stylesheet" type="text/css" href="http://css2.pbase.com/styles/28011.css">
<base href="http://www.pbase.com">
</head><body>
The stylesheet you want is located here:
- Code: Select all
http://css2.pbase.com/styles/28011.css
Paste that url in the address bar of your browser. If you are prompted to pick a program to open the file, you can choose Word or something along those lines. When it opens, you will see the stylesheet for Webdev. You can copy and paste that into pbase and name it something like my_Webdev to create your own style sheet. Then, you can make changes to that style sheet as you explore how css works.
The one thing the source code
is good for is to determine what html tags surround the content whose style you are interested in changing. Most of the html tags at pbase are assigned class names, which allow you to target the content with the stylesheet. Even if a class name isn’t assigned to an html tag, you can still target the content inside the tag for style changes--you just have to learn the proper 'selector' to get at it—see this tutorial:
http://css.maxdesign.com.au/selectutorial/index.htm