A Guide To Css And Creating A Stylesheet

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > Tutorials

A Guide To Css And Creating A Stylesheet

Benz1435
VERY VERY VERY VERY Good tutorial I have NO clue at all how to do CSS this will help me a WHOLE lot. I know almost all the other things except CSS now i will know the basics to CSS finally!!

Reply

maddog39
Great tutorial. I am going to use this very much. I also posts the link in a tutorials mod on this websites forums. biggrin.gif

Reply

mzwebfreak
One of the best things I've found for working with css stylesheets is that you need to have a page, i.e. test.html, where you have the different categories all listed on this one page so you can check by trial and error to make sure all the styles work together with the layout correctly. And, if you're viewing it in ie or firefox, you can just edit the color scheme as needed, save the css file, and then F5 the page to make sure everything still works together.

Reply

moonwitch
CSS can be a huge help for the bigger projects to have a uniform look. Also it keep "looks" and content more seperated. As far as the need for a "test" page with all categories on it to test the css... I just keep my CSS file open (I always use external css files smile.gif) and add to it as I go along. To keep a style sheet from getting cluttered I prefer to keep the main tags on top and then classes. I also am a big fan of comments in my pages (be it HTML, be it CSS) this will make it easier when you do decide to work on a site in team.

The biggest disadvantage in CSS (to me personally) is that IE doesn't support all CSS (even though M$ insists that IE does support CSS2). For example a hover effect in CSS with nested lists, which creates awesome looking menus, will NOT display as such in IE. The best example of this can be found on Eric Meyer's Web

The nested lists menu can be found here, I suggest looking at it with IE and Netscape/Mozilla/FireFox (Konqueror should support this too, I believe Opera does as well, but I am not sure)

 

 

 


Reply

Teragonto
Very nice tutorial beeseven. I liked how you thoroughly explained it since the CSS tutorials one WCSchools makes my head hurt with all the formatting. This one has hardly any format.

Reply

sportytalk
yep, is a very nice tutorial. I know it's over a year old, but I've only just come across it after it was bumped.

I did know a bit about CSS, but it isn't my strongest language / part of website development. After reading this tutorial, it has basically reminded me of everything relating to CSS and pretty much confirmed what I thought I knew.

If I ever need help on CSS, which I probably want, (i have needed help a couple of times before though) I can now come into this topic on this forum and reread. The topic looks easy to follow and looks fairly easy to understand.

Thanks for sharing, even If I don't really have a use for CSS and don't need to keep referring back to tutorials or user guides, i'm sure there's other users on the site that will need the guide, or have needed to use it since the topic has been online smile.gif

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Similar Topics

Keywords : css creating stylesheet

  1. Create Dynamic Html/php Pages Using Simple Vb.net Code - Taking your application data, and creating a webpage for others to vie (1)
  2. Getting Started With Amfphp And Rias - first steps in creating RIAs (2)
    AMFPHP in a short way is a library of php files that let u manage in JUST ONE FILE what u would do
    in many files like for example queries to mysql. So u can have tons of queries to mysql and all of
    them in just ONE FILE! so what is a RIA? a RIA is a Rich Internet Application commonly given
    to flash applications, not the animations or presentations we see daily on the internet but very
    useful and cool programs made in flash. the fisrt step u need to take is to download the AMFPHP
    library directly from its site at www.amfphp.org, in some free hosted sites the latest...
  3. How To Start Your First Game Project - The first steps to creating your own game! (0)
    Ok, I see alot of questions around the game development forums of people wanting to make their first
    game, but they don't know where to start. So, I decided to write this tutorial, having been in
    the same situation before. NOTE: This Tutorial: -Is meant to help you get past that initial bout of
    developer's block -Does not teach you how to make a game, just help you start -Cannot help you
    if you cannot answer the questions asked So, let's get to it, shall we? How to start
    your first game project: --So, the first thing you need to make sure yo...
  4. Getting Started With Mysql - creating tables and insert data into them. (2)
    Hi in this tutorial you will learn how to create tables and insert items into them. First steps are
    to create the database - go into your cpanel and mysql databases, from there make an account and a
    database and then attach them together with all priviliges, call the database test and the account
    admin, with the pw as pass - or any other password. We need to connect to the database so first in
    your php file (probably named index.php) - this is how to do it. CODE
    mysql_connect("localhost", "admin", "pass") or
    die(mysql_error(&...
  5. Delete Files And Directories Using Php - following up from creating and writing (7)
    How To Delete Files and Directories follow up from creating them Hello all and
    welcome to my second tutorial involving file management. In my previous tutorial , I explained how
    to create, write and read files. In this tutorial I'll explain how to remove the files and
    directories you took so long to create. I did not explain last time how to create directories as I
    did not know, now I do, you can use the mkdir() function. Now with this tutorial.... Removing
    Files Removing files can easily be done with the unlink() function: CODE <? un...
  6. Simple Stylesheet Tutorial - Stylesheet embedded in your site. (2)
    Hi - ill show you how to make a simple style sheet that will be embedded into your site. OK make
    sure your site is set up already (like the standard tags) To start and end off a stylesheet you
    need to do the following CODE <style type="text/css"> </stlye> Ok
    lets start CODE <style type="text/css"> p { font-family: "Tahoma";
    font-size: 9; color: "red"; } </style> So when you come to put in
    CODE <p>Hi!</p> The text will appear red and will be in Tahom...
  7. Creating A Timer Program - Using Visual Basic 2005 (8)
    This tutorial will explain how to create a basic timer using Visual Basic Express 2005. If you
    don't have it, it's free and you can dowload it from Microsoft's website. All you need
    is a few minutes to sit down and read this and a version of Visual Basic. OK, so what will this
    timer actually do? Well, you are able to enter a number of minutes and a message, and then click a
    button. Once the timer is up, your message pops up and you are reminded! So, basically it's
    a little reminder system. I use it to remind me when TV programmes start, when I have to...
  8. Creating Navigation For Html Websites - Have a common navigation menu for the whole website! (12)
    Pre-requisite: HTML, inline frame tags 1 Attachment(.zip) included. Updates : 29-12-07: Doctype
    added in example files (Advised by jlhaslip) Designing a whole website takes a lot of planning
    and organization. Designing a proper navigation system is a basic step in building your website. If
    you are developing webpages in html you would have observed that as you go on creating pages it
    becomes difficult to maintain the links to the pages. This article will guide you in developing a
    common navigation menu for your website. It describes three ways, so if you don'...
  9. Creating A Resume - 10 Tips For Making A Resume (1)
    I've been working on my Resume for months now. Here is a summary of what I've learned: 1.
    Avoid referring to yourself via 1st person or 3rd person terms. Rather than saying "I started this
    job in" just say "Began job in"... Employers expect Resumes to be professional and avoid reference
    to oneself; and instead speaking in an impersonal tone that presents
    achievements/skills/experience/education without personalization. Avoid words like "I", "my", "he",
    "she", etc. Leave out personal pronouns and only use the action words/verbs. This also includes
    your Ob...
  10. Creating A Simple Image Viewer - Using Visual Basic 2005 Express Edition (4)
    I downloaded Microsoft's Visual Studio Express suite a few months ago, but only recently got
    around to installing it. I have been practising with Visual Basic and making some rather basic
    programs and utilities, but they contain most of the basic concepts. This tutorial will explain how
    to create a basic image viewer, and I will try to explain each step from beginning to end as clear
    as I can. To start you will need: Microsoft Visual Studio About 10-20 minutes free time OK,
    first open up the Visual Basic part of the Studio. I am using the 2005 Express version, so...
  11. Programming In Glut (lesson 4) - Creating 3D objects (0)
    Lesson 4 of 6. I hope you are enjoying them /laugh.gif" style="vertical-align:middle"
    emoid=":lol:" border="0" alt="laugh.gif" /> . QUOTE Hello, in this tutorial we will be creating
    a 3D pyramid. We are building this tutorial from Lesson 3, but I took out the 2D objects and placed
    a 3D pyramid in there instead. The 3rd axis for drawing can be a litle confusing, but after you get
    the hand of it you'll do fine. Now when you are setting a 3D vertex just remember that the
    camera is on the positive end of the z axis. So things that have a more positive z axis va...
  12. Programming In Glut (lesson 1) - Creating a windwo (0)
    This is the first of six lessons I am transferring from Astahost for programming in GLUT, and after
    the six I hope to make more, I hope you enjoy. QUOTE Hello, I'm starting a series on how to
    program in OpenGL using the OpenGL Utility Toolkit, a.k.a. GLUT. I chose GLUT because it is quick
    and easy to write, and very easy to learn. In this tutorial I am going to teach you how to create a
    basic window which we will build off of in later tutorials. Throughout the tutorial I will leave
    notes to let you know what each command does, and how you can modify it to fit...
  13. Creating Your Own Icon - (23)
    It is easy to create your own icon, just pick a bitmap (.bmp) file and change its extension to .ico.
    To do so, open the Windows Explorer, click on the View menu (or Tools in WinMe), click Folder
    Options, click View tab, remove the check on the "Hide file extensions for known files types"
    option, and then click OK. Select a bitmap file, press F2 key, and then change its extension to
    .ico. Have fun learning:)...
  14. Tutorial: Creating Custom Icons For Devices - Give that device a great icon every time you plug it in! (0)
    Ok for this tutorial I will use the PSP as an example of the device, this should work for every
    device. (THIS WILL NOT HARM ANYTHING AT ALL!) First off, open notepad and type in:
    ICON=ICONE.ICO Save that as AUTORUN.inf Now, find a picture you like.. make sure its dimensions
    are 16X16 pixels. Put it in the main folder of the device, for example, my psp is located at
    F:\, i would type in F:\ to the adress bar and put the picture in that folder, as it is
    the folder your computer automatically reads, anyways, put your picture in there and name it: ICO...
  15. Creating Rollovers With Buttons - Short & simple javascript tutorial that shows you how. (2)
    Javascript in action can render some very neat visual effects, which can make your website more
    appealing, and sometimes even easier to navigate. Among the most common effects are the
    'button' effect, and the mouseover effect. The buttons are very common, of course; if
    nowhere else, most of us have seen them at the end of forms (Click the 'submit' button to
    proceed...). The basic idea is to have a 'depressible' object, which can give you the
    illusion that you're 'pressing' it when you click it. The rollover effect causes
    something to h...
  16. Creating Personal Alarm - To remind you something (2)
    Creating Personal Alarm This personal alarm is very useful to remind you something or anything you
    would like it to do. Use Task Scheduler application to create your personal alarm. First, click on
    Start -> Settings -> Control Panel -> Scheduled Tasks. Now click on the Add Scheduled Task wizard
    in the Task Scheduler folder. Click Next, click the Browse button, and then select your favorite
    sound files (WAV/MP3/MIDI). Set the file to open as the task daily. Set it at the top of the hour
    every day, open up its advanced properties. On the Schedule tab press the Advance...
  17. Creating Your Own Php News System - (23)
    Hello, heres a simple tutorial from a script that I made to power my news system. It is written
    withthe PHP coding system and consists of 8 files using a flatfile based system, without MySQL
    databases. This should be usefull for those who want a simple little news manager and like to have
    simplcity without the fancy date strings and sutff. You can see a demo of it at my site @
    http://www.xeek.trap17.com . Let's Start! First let's start with the easy stuff,
    making the directory first, first create a main directory to hold everything, call this folder "ne...



Looking for guide, css, creating, stylesheet

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for guide, css, creating, stylesheet

*MORE FROM TRAP17.COM*
advertisement



A Guide To Css And Creating A Stylesheet



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE