19 replies
  • WEB DESIGN
  • |
Can anyone explain what CSS style websites are?

Are these just websites which use purely HTML coding on it?

Apparently these types of websites are the most Search Engine Friendly
#css
  • Profile picture of the author mr_banks
    google CSS and you will get all the information you can handle about it.
    {{ DiscussionBoard.errors[702255].message }}
    • Profile picture of the author mojojuju
      CSS is a headache.
      Signature

      :)

      {{ DiscussionBoard.errors[702328].message }}
      • Profile picture of the author mywebwork
        Originally Posted by mojojuju View Post

        CSS is a headache.
        Why on Earth would you make that statement? Could you build a 200 page website without CSS and honestly tell me your head doesn't ache when someone asks you to change the font of every header on the site? With CSS you'd edit one line in one document, the old-fashioned way required you to edit every single page. Why would CSS make your head ache (unless of course you don't understand it)?

        As an actual answer, CSS (Cascading Style Sheets) are a method of separating the Style of a site (i.e the "look and feel" of it) from the content. You create a set of styles and keep them in a separate document (a style sheet) that you then reference from every page on your site.

        CSS has literally changed the face of the web, all the modern web 2.0 designs you see nowadays employ CSS. In the older days (i.e. pre-2001) some browsers had difficulty interpreting CSS but most of those problems have been rectified years ago. CSS sites are generally much more SEO-friendly than table-based designs, and CSS offers possibilities that tables never did such as creating a style exclusively for printing.

        A good source to learn about CSS (and about web design in general) is the W3 Schools. One cool resource they have is a demo page where you can make changes to the style sheets and see the results immediately.

        CSS Tutorial

        mojojuju, you may also want to look at that site once your headache clears up!

        :rolleyes:


        Bill
        {{ DiscussionBoard.errors[703490].message }}
        • Profile picture of the author mojojuju
          Originally Posted by mywebwork View Post

          Why on Earth would you make that statement? Could you build a 200 page website without CSS and honestly tell me your head doesn't ache when someone asks you to change the font of every header on the site? ...... ....... ......... ......
          Bill
          Whoah, easy there. I was just joking around. Relax a little, OK?
          Signature

          :)

          {{ DiscussionBoard.errors[704023].message }}
      • Profile picture of the author Powertreb
        Originally Posted by mojojuju View Post

        CSS is a headache.
        I think I understand where mojojuju is coming from. Noone in their right mind can really say that they prefer a web without CSS. But there are times when I have wanted to jump out the window (usually thanks to Internet Explorer's lack of W3C compliance).

        There are times where CSS can be really daunting. Every once in a while I'll come across an element that takes me an hour to target properly.

        But most of the time, CSS is a designer's dream.

        To the original poster, some of the more advanced benefits of CSS is that you can control the opacity of HTML elements and create navigation and drop-down menus that used to require javascript or flash in the pre-CSS days.
        {{ DiscussionBoard.errors[704043].message }}
  • Profile picture of the author angelamh
    If you want to see a real testament to the power and diversity of css design, just check out csszengarden.com. It's where professionals go to try their hand at new and original designs based on the same HTML page. The only thing that they change from one page to the next is the CSS stylesheet. It's pretty intense, I love flipping through. The designs are so imaginative.

    If you assign your styles at the head of your HTML sheet already, then you are only inches away from your first style sheet. CSS is not difficult, just different from the bare-threads HTML that you learned to make your first "Hello, world." page, so many newcomers will fear it and "poo poo" it. When you get the hang of CSS, you are able to organize your efforts and morph pages completely without ever touching the HTML. It's like the HTML's cheat-sheet, all the HTML knows is the head info, the content, and the style sheet to reference for the rest of the info.

    Starting to learn is a little difficult if you are not quite sure what you are looking at, but a good guide with some samples to diddle about with can make you an instant fan. There are great books that you can pick up to get you down and dirty with it.

    If you're a hands-on learner, freecsstemplates.org has a ton of templates that are all css dependant. If you mess about with the stylesheet in a hybrid editor (even a good free one like Microsoft Visual Web Developer Express 2008) then you can fool with the css attributes and keep updating to see what you did.
    {{ DiscussionBoard.errors[703791].message }}
  • Profile picture of the author marilynmonroe
    CSS is one of the best web designing tool.The advance version is automatically generated html so its easy to learn i suggest you that learn more about web designing issues visit w3schools.
    {{ DiscussionBoard.errors[703792].message }}
  • Profile picture of the author angelamh
    Yeah... that's not a link to W3, if you want to visit W3 it's at W3.org, W3schools is at W3schools.com. Both are good, solid, and valid references. Marilyn is apparently promoting a web design service.
    {{ DiscussionBoard.errors[703866].message }}
  • Profile picture of the author Powertreb
    Best way to learn is by doing and seeing in realtime.

    Get yourself the Web Developer's Toolbar extension for FireFox. It gives you CSS tools where you can modify a page's CSS stylesheet in realtime and see how CSS behaves and affects different elements. You can change CSS styles in realtime and actually see how the changes affect the page.

    Also, here are some of my CSS resources that I've collected. Dynamic Drive and Listamatic are great for really understanding how CSS navigation menus behave.

    Download free CSS templates - Free CSS Templates

    intensivstation :: CSS Templates :: Templates

    Dynamic Drive CSS Library- Practical CSS codes and examples (Dynamic Drive)

    Listamatic: one list, many options - Using CSS and a simple list to create radically different list options (Listamatic)

    AnyBrowser.COM

    Workarounds

    Cascading Style Sheets

    XRAY :: for web developers

    centricle : css filters (css hacks)

    OverZone Software - CSS Tab Designer

    CSS Menu Generator :: Webmaster Toolkit (Great for all around webmaster learning)

    Check Browser Compatibility, Cross Platform Browser Test - Browsershots
    {{ DiscussionBoard.errors[704101].message }}
  • Profile picture of the author RedMatrix
    One will never master CSS, as it is ever changing. No, one practices CSS like a doctor does with medicine.
    Signature

    ~Dave

    {{ DiscussionBoard.errors[706336].message }}
    • Profile picture of the author tmursch
      Originally Posted by RedMatrix View Post

      One will never master CSS, as it is ever changing. No, one practices CSS like a doctor does with medicine.
      Aye, CSS 3 is coming!
      {{ DiscussionBoard.errors[708185].message }}
  • Profile picture of the author articlemaster
    Have you ever thought about what a web page is? I mean, what it really is? Some people think of a web page as a visual medium--an aesthetically pleasing experience which may or may not contain information that's of interest to the viewer. Other people think of a web page as a document that may be presented to readers in an aesthetically pleasing way. From a technical point of view, the document interpretation is more appropriate.
    When we examine the elements of its construction, a web document can consist of up to three layers--content, presentation, and behavior
    CSS stands for Cascading Style Sheets,Styles define how to display HTML elements,Styles are normally stored in Style Sheets,Styles were added to HTML 4.0 to solve a problem,External Style Sheets can save you a lot of work,External Style Sheets are stored in CSS files,Multiple style definitions will cascade into one.
    HTML is used to structure content. CSS is used for formatting structured content.
    Okay, it sounds a bit technical and confusing. But please continue reading. It will all make sense to you soon.
    Back in the good old days when Madonna was a virgin and a guy called Tim Berners Lee invented the World Wide Web, the language HTML was only used to add structure to text. An author could mark his text by stating "this is a headline" or "this is a paragraph" using HTML tags such as <h1> and <p>.
    As the Web gained popularity, designers started looking for possibilities to add layout to online documents. To meet this demand, the browser producers (at that time Netscape and Microsoft) invented new HTML tags such as for example <font> which differed from the original HTML tags by defining layout - and not structure.
    This also led to a situation where original structure tags such as <table> were increasingly being misused to layout pages instead of adding structure to text. Many new layout tags such as <blink> were only supported by one type of browser. "You need browser X to view this page" became a common disclaimer on web sites.
    CSS was invented to remedy this situation by providing web designers with sophisticated layout opportunities supported by all browsers. At the same time, separation of the presentation style of documents from the content of documents, makes site maintenance a lot easier. Hope it will help you I know you are good at designing anyways this is for you.
    Signature
    {{ DiscussionBoard.errors[707335].message }}
    • Profile picture of the author RedMatrix
      Originally Posted by articlemaster View Post

      Have you ever thought about what a web page is? I mean, what it really is?
      Woah articlemaster, really good points, but your post could use some whitespace,lol. :p
      Signature

      ~Dave

      {{ DiscussionBoard.errors[711131].message }}
  • Profile picture of the author viane
    Css is a stylesheet you can set the class for common look for your website
    {{ DiscussionBoard.errors[708255].message }}
  • Profile picture of the author cakdesigns
    css is great for customizing website, with the right tags in the html the potential is almost limitless of design change. Mixed with some java script you can have different style sheets for your site so it can change on which browser your using, weather your using a mobile device check out csszengarden. com there are some great designers that show the possibilitys of the language there

    Chris
    Signature

    {{ DiscussionBoard.errors[711431].message }}
  • Profile picture of the author fahadabrarkhan
    CSS is cascading style sheet. By using CSS you can give a website
    same color and scheme.
    Signature

    {{ DiscussionBoard.errors[717806].message }}

Trending Topics