How can using CSS help make a web site better or easier?

How can using CSS help make a web site better or easier?
by

1 Answer

Answer :

One way they help is by putting all of your formatting, styles, colors, etc in one easily changeable file. You can, for example.. have one file that tells your whole website how to look.. Need a new look for your website? You need only change this one file and viola.. your whole site looks different. Colors of links, text, how big fonts are, what fonts to use, what color to make the background… all sorts of things can be controlled by this one simple cascading style sheet. See this introduction for more info about it.
by

Related questions

Using css how can I make my background fit to the screen automatically?

Description : Using css how can I make my background fit to the screen automatically?

Last Answer : I would be better able to help you if you could be slightly more specific. Are you using as image as your background? A gradient? Some code or a link would also help. Hope to hear back from you soon!

Is there a way to get an "onrelease" state using CSS?

Description : Is there a way to get an "onrelease" state using CSS?

Last Answer : answer:I believe with just CSS the only pseudo-class that would come close is :hover for example .class:hover{ } . Unless there is something new that has come out. your best bet would be to would ... would also be more compatible with IE 6 (if your concerned) as IE 6 does not support :hover.

Does anyone know of a good guide explaining how to position elements using CSS?

Description : Does anyone know of a good guide explaining how to position elements using CSS?

Last Answer : Google “css box model tutorial” and start experimenting. Don’t worry, it was a blur starting out for me too.. www.csszengarden.com is a great place to get inspiration too..

How do I style input boxes using HTML/CSS?

Description : How do I style input boxes using HTML/CSS?

Last Answer : I recommend downloading Firefox and the plugin Firebug (getfirebug.com). It's amazing. Then you can go to any website (like apple.com), press the green checkbox in the bottom right to open ... site in Safari because that browser has special rules about displaying input boxes--it's more restrictive.

Tumblr css help?

Description : Tumblr css help?

Last Answer : answer:My instinct is that CSS will not be able to help you with this probably some scripting and HTML is in order. CSS will only change the look and feel of a page, not the function (having a ... any themes that have this functionality, and can you look at the code to figure out how it's done?

Can anyone give me some CSS positioning help?

Description : Can anyone give me some CSS positioning help?

Last Answer : Care to share what you think is wrong? Other than the red mess on the right it seems to render alright in Firefox.

What does background: transparent do in Eric Meyer's reset.css?

Description : What does background: transparent do in Eric Meyer's reset.css?

Last Answer : This is used to override any unexpected browser defaults of an opaque background on an element such as . I wouldn’t worry too much about it since it was added to fix unusual browser settings.

OK, !@*&% CSS, Why Won't My Headline Center?

Description : OK, !@*&% CSS, Why Won't My Headline Center?

Last Answer : The only thing I can think is that you have div.one-col set to display: inline. When I remove that formatting (using Google Chrome's developer tools), it does indeed center. (It also screws up ... the calendar disappears, but I'm betting you can fix that once you've addressed the July thing .)

Is there a code for CSS/Javascript to keep your contents in place when re-sizing a window?

Description : Is there a code for CSS/Javascript to keep your contents in place when re-sizing a window?

Last Answer : Is your site fixed width?

HTML vs. CSS?

Description : HTML vs. CSS?

Last Answer : The point of CSS is to capture style information in a single location..Not only is this good coding pracitice, but if you use the CSS styles consistently, you can change the look of your web site simply by modifying the CSS. Think ‘Skins’.

Why is the word pseudo often used when referring to CSS or maybe all code?

Description : Why is the word pseudo often used when referring to CSS or maybe all code?

Last Answer : Could you give us an example? Generally when people say pseudo code, they’re referring to code that isn’t actual code, but is explaining how code statements work. Such as: if (the cat is wet) { meow anxiously; }

DIV class & id name parser for automatic CSS file generation?

Description : DIV class & id name parser for automatic CSS file generation?

Last Answer : I saw something on reddit today about something called HSS, I can’t remember the link but google it, it sounded like it does what you want.

How to teach XHTML, CSS, and PHP?

Description : How to teach XHTML, CSS, and PHP?

Last Answer : Not having a clue about how to do these things, I think your answer lies in your own experience-you had to go through the challenge of working it out yourself-sometimes it was hard. I don't know ... hard work-no substitute for that. And that's also the fun of it. And the feeling of accomplishment.

Curved borders in HTML/CSS?

Description : Curved borders in HTML/CSS?

Last Answer : images.

What is the difference/relationship between HTML and CSS?

Description : What is the difference/relationship between HTML and CSS?

Last Answer : HTML is the structure of the document. So the HTML would look like. Hello World And the CSS could be. CSS defines the look. H1 { font-family: Verdana, Arial, Helvetica, sans-serif; border-size: thin ... 400px; } Take a peek here.. http://www.pillowpersuasion.com/dance/blank.html Look at the source.

How to give 3 floated div's the same height in CSS?

Description : How to give 3 floated div's the same height in CSS?

Last Answer : Never mind. I’ve gone back to tables. (but only for that part) Div’s can be very, very, very painful sometimes…

How do I remove spaces around images in a CSS drop down menu in IE?

Description : How do I remove spaces around images in a CSS drop down menu in IE?

Last Answer : answer:sorry to dp.. but here's the code i'm working with. http://www.mosaicfound.org/NEW/common/top.php

CSS dropdown menu crisis with IE 7...

Description : CSS dropdown menu crisis with IE 7...

Last Answer : Your first problem is that you've defined the .clearfix CSS class in the HEAD of your document but you have not applied it to any of the elements in the BODY. The page where you ... containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container."

Quality css troubleshooting in or around DC? or virtualy?

Description : Quality css troubleshooting in or around DC? or virtualy?

Last Answer : answer:Based on your previous question I assume that the real problem are your dropdown menus? Have you tried just modifying the code in http://www.alistapart.com/articles/dropdowns (which should work in IE ... it's saved us so much headache on Ask-public and makes our css much more maintainable.

what's the easiest way to learn css?

Description : what's the easiest way to learn css?

Last Answer : answer:Check out the “Siblings” questions on the right for some good ideas… well, at least this one: http://ask-public.com/disc/3608/how-should-i-start-to-learn-html-css-and-java/ You might check out Adobe Dreamweaver CS3 as well.

CSS Floats driving me insane?

Description : CSS Floats driving me insane?

Last Answer : answer:So you missing a px after 125. Anyways i didn't bother trying to figure out whats wrong with your code (just because i get paid to do such things)/ But anyways so i just built a quick ... use for what you are trying to do - here. FYI the term webmaster is depreciated in today's web world

CSS <div> issue.

Description : CSS issue.

Last Answer : Hmm… not quite sure what you mean… whatever it is, I wonder if you’re taking the complicated option? It certainly seems like you are. Perhaps try simplifying your layout.

Is there a css/html coding app for iPhone/iPod touch?

Description : Is there a css/html coding app for iPhone/iPod touch?

Last Answer : How about mobile textedit ? That should get you where you’re trying to get. It’s not perfect, but it’s the only thing I found. You’ll also need mobile finder for it to work.

Any way to directly download an audio source file when the web page is using a javascript audio player (that doesn't use filenames like "x.mp3")?

Description : Any way to directly download an audio source file when the web page is using a javascript audio player (that doesn't use filenames like "x.mp3")?

Last Answer : Could try file2hd.com to see if you can find the resource.

What's a better way to ignore IE6 than using <![if !IE 6]>?

Description : What's a better way to ignore IE6 than using ?

Last Answer : I don’t think there are any browser hacks that validate. Did you try Dean Edwards’ IE7 patch scripts?

How do I make an External Hyperlink in Dreamweaver site?

Description : How do I make an External Hyperlink in Dreamweaver site?

Last Answer : Have you included ‘http://’ at the start of your link?

Is there a way to prevent an unlisted YouTube video from being shared on a social site?

Description : Is there a way to prevent an unlisted YouTube video from being shared on a social site?

Last Answer : answer:No, there is no way to prevent videos from being shared through social networks. It would of undermine Youtube's business model if it allowed that. The best you can do is restrict it from ... own servers. Positing it to a video sharing site is just too risky if confidential info is concerned.

Why doesn't my site show for certain keywords on google?

Description : Why doesn't my site show for certain keywords on google?

Last Answer : answer:make sure youre code is validated, invalid code screws up process that search engines use to crawl your site for data. make sure youre using alt and title attributes for images time time and more ... top on google for like 6 months. even if i searched the actual domain name. just takes time

How to embed an FLV file on my site?

Description : How to embed an FLV file on my site?

Last Answer : As far as I know it has to be a SWF to embed.

Is it possible to have Blog posts with images automatically post to home page of another site?

Description : Is it possible to have Blog posts with images automatically post to home page of another site?

Last Answer : First of all congrats. You are doing a wonderful thing. What you want is doable but difficult to do. I'm not sure how much control you have over a site on blogger but if you hosted your own site with ... RSS feed this would be possible using Magpie RSS and some php-fu. A pain in the ass, but doable.

Are iFrames too archaic to use in a modern site?

Description : Are iFrames too archaic to use in a modern site?

Last Answer : iFrames were never a correct solution, for anything. They're a microsoft invention, and no browser but IE ever supported them the way Microsoft intended them to be. I have no idea what you ... actually meant. Creating a separate and formatting for style and layout with CSS is the correct solution.

What is the best open-source CMS to use for a portfolio site?

Description : What is the best open-source CMS to use for a portfolio site?

Last Answer : A complete CMS seems like overkill for a portfolio to me. What about a smaller site, hand-built to show your work to best advantage?

What should I use in place of .MHT to archive web pages?

Description : What should I use in place of .MHT to archive web pages?

Last Answer : Safari (Apple), saves web pages in a webarchive format, the filename extension: .webarchive

Okay...WHAT exactly is SEO (Search Engine Optimization)? Is it writing code? Is it programming? Web design? Can someone please clarify?

Description : Okay...WHAT exactly is SEO (Search Engine Optimization)? Is it writing code? Is it programming? Web design? Can someone please clarify?

Last Answer : It is making sure Google can read the contents of your website. For example, when you stuff all your text in an image, Google's automated process won't be able to read it. However, if you ... to write valid HTML and accessible pages and on providing good content that Google will want to list high.

What is the best calendar widget for my web form?

Description : What is the best calendar widget for my web form?

Last Answer : We use the dynarch jscalendar where I work. It’s easy to get a basic set up working and it’s also extremely configurable/customisable. I recommend it – but I haven’t investigated any alternatives.

In an HTML web form, how to create a checkbox that will block submission of the form unless checked?

Description : In an HTML web form, how to create a checkbox that will block submission of the form unless checked?

Last Answer : It's easily circumventable (is that actually a word?) (see the Tamper Data Firefox extension), but I suppose you can convince your client you've done it using Javascript (not sure how to do that though) ... as well, because, as I said, it's easy to work around (you can just disable Javascript).

Has anyone ever created a timer using JavaScript?

Description : Has anyone ever created a timer using JavaScript?

Last Answer : answer:I think the easiest thing to do is just use an existing timer that uses 1,2,3,4 syntax and convert it to hh:mm:ss yourself. It should be a fairly straightforward conversion. You're basically just ... (I imagine there are also some existing conversions you can find, but I'd say just dive in).

How do I zoom in/out on a vector graphic image using HTML?

Description : How do I zoom in/out on a vector graphic image using HTML?

Last Answer : You could export it as a flash file and make the size 100% or you could save it as bitmap in high resolution, and then let the browser resize it to 100%

Help making a questionaire with javascript/html?

Description : Help making a questionaire with javascript/html?

Last Answer : Are you familiar with Javascript? Are you using any type of framework like jquery?

HTML coders out there: help! You know how you can hover your cursor over certain text for about a second, and then a little text ballon will appear?

Description : HTML coders out there: help! You know how you can hover your cursor over certain text for about a second, and then a little text ballon will appear?

Last Answer : answer:Does blogger allow you to type actual HTML in your blogs? If so, then it’s pretty simple: You see this printed on the page normally

Changing Tumblr Text Heading to an Image. HTML HELP!

Description : Changing Tumblr Text Heading to an Image. HTML HELP!

Last Answer : answer:This Post should tell you how to edit the HTML of your blog. Now for the changes you'd need! If you wanted to replace the large Escapades of a Poet text with the image it'd be a bit harder ... source code (it's syntax highlighted too!) like so; it saves having to copy out all the code :)

I can't find the "enable Custom HTML" thingy in my theme tab ! >.< HELP !

Description : I can't find the "enable Custom HTML" thingy in my theme tab ! >.< HELP !

Last Answer : answer:So, go to your tumblr blog, then on the top right next to Dashboard there is Customize . Click that, then it'll take you to a page with a few options up top, and a preview of your ... bottom of that window will be a Use Custom HTML option. My tumblr if you're interested: James' Tumblr

HTML help with my Tumblr theme (Image Header)

Description : HTML help with my Tumblr theme (Image Header)

Last Answer : I think you misplaced a ”}” in that script…

Can anyone help me with HTML coding for my tumblr, please?

Description : Can anyone help me with HTML coding for my tumblr, please?

Last Answer : You’ll need a JavaScript solution. This one looks like it will meet your needs: http://javascript.internet.com/miscellaneous/random-image.html

Can somebody help me with my (X)HTML?

Description : Can somebody help me with my (X)HTML?

Last Answer : the problem is you are using tables. Tables make everything implode. But to answer your question, seems to be some issue with your colspans. honeslty though i would remake this with divs, so much cleaner, organized and easier to work with.

Blogging Help. (HTML)

Description : Blogging Help. (HTML)

Last Answer : I just did a find and replace on everything that said 520 (the width of content) and replaced that with 800. This is the result. As you can see the top and bottom of the content areas are actually a image. ... them out) Like I did here This looks a little better. Code is here if you want to use it.

Can someone help me with my new blog?

Description : Can someone help me with my new blog?

Last Answer : go into the CSS of the site, find '.header { }' and add background:url( link to image ) no-repeat; then, in the HTML of hte page remove the INTERNET VITAMINS and hte All the tastiest . ... with Tumblr, you may have put the image on Photobucket or something if you cant upload to your blog directly.

HTML skills anyone? I nead your help!

Description : HTML skills anyone? I nead your help!

Last Answer : Which blog are you talking about? Can you provide a link? I’m also not exactly sure what you mean by “float.” Float left or float right? I suspect you’re asking about a more nuanced situation, unless you want: Test

HTML Skills? Please help?

Description : HTML Skills? Please help?

Last Answer : you need add an auto margin to the left/right of your header h1 a element. #header h1 a { margin: 0 auto; height: 222px; padding-left: 300px; width: 559px; display: block; background: url(‘http://stashbox.org/490518/header2.jpg’) no-repeat top center;

Div help?

Description : Div help?

Last Answer : answer:I got a page not found error. Check your link? EDIT…if you make it .html lowercase it works.