Learn CSS Code

CSS stands for Cascading Style Sheets. Using CSS, you can improve the look of a webpage and give a more well defined stylish look of your own. CSS is fairly straightforward and easy to learn. In this introduction you will learn some of the basics of CSS.

Steps

CSS Help

Doc:CSS Page,CSS Cheat Sheet

Learning CSS Code

  1. Learn HTML. CSS is a supplement to HTML. If you don't know HTML, you can't use CSS.
  2. Learn the basics. Find a good tutorial or two. w3schools has a great tutorial that also lets you experiment with CSS code. Also try HTML Tutorials, The CSS Tutorial and HTML Dog
  3. Experiment. Find a style sheet on the internet and copy it into a file on your computer. Try changing, taking away, or adding code. Save and refresh the page on your browser and see what it looks like. Only change one thing at a time so you can understand what you just did. You can also look at other web pages using the view drop down button(which is located on most browsers), then select page source. For AOL users, right click the page where links and pictures are not located and select source view.
    • Don't expect yourself to understand all the lines of code written when you're experimenting the source code of any site.
  4. Design your own website. Think about how you want it to look and try to use CSS to make your website look that way. If you can't figure out how to get it to look the way you want, look it up.
    • Use multiple windows to check the output of your code every once in a while so that it'd be easier to understand.

Tips

  • Different browsers view CSS different ways. Make sure you know these differences when you create web pages. It's a good idea to obey standards and install various browsers on your computer (various versions of Internet Explorer, Use-Mozilla-Firefox, Opera, etc.) and see what your web page looks like in each one.
  • Keep your CSS clean and well-organized so that, when you come back to it later, you can find what you need and edit it quickly. Divide the style sheet into sections and use comments to describe what each section does.

Related Articles

Retrieved from "https://kipkis.com/index.php?title=Learn_CSS_Code&oldid=312192"