![]() | |
![]() |
Teach Yourself CSS The Easy Way
I taught myself HTML back in the mid-nineties and was proud of the fact that I was able to accomplish the design of fairly complex web pages with nothing more than a starter HTML book, an HTML reference book, and the knowledge I had stored in my head. But back in those days, we web designers had what looking back was a fairly limited amount of tools with which to work, and the quality (or lack thereof) of sites on the web was lackluster at best. Fast-forward to today: The hand-coder has more powerful and intuitive software packages available that will still allow us "to get our hands dirty", which brings us to the purpose of this article. With the standardization of the much anticipated Cascading Style Sheets (CSS) in the late-nineties, the web design community has become familiar with a much more powerful and precise method of web page layout. "But how is an old-time web coder supposed to learn CSS the easy way?!" Well, I say you should learn it the way I, and countless others, have: 1. Download the Firefox browser 2. Install the Web Developer extension 3. Open one of your "old" HTML files 4. View the source, click the "Cleanup the page" button 5. Check the "replace FONT.....tags by CSS" box, then Refresh Now you have a very neat and tidy piece of code, with all the CSS dirty work done for you! At this point you can copy & paste the resulting code and use it in your project and start figuring out what it's doing. I was amazed at how easily I was able to pick it up and start making changes on my own. When I wanted more information on a certain style it was a just a Google search away to many excellent CSS resources on the web. I find it much easier to learn CSS if I get to apply the modifications to the existing code that I've been working on, and I think you will too. I hope you find this article helpful and if you follow these steps you should be able to add CSS to your web site design toolbox in no time! Written by Erich Bihlman, of Bihlman Consulting - PC and Internet Tutoring and Website Design in Prescott, Arizona. http://www.bihlman.comFor additional helpful articles visit http://www.bihlman.com/iqzone [You may reprint this article provided it is not changed in any way, and my author information stays intact including the links.]
MORE RESOURCES: Web Design Trends for 2025 crescentvale.com U.S. Retailers Prioritize Fast Decision-Making with Web Redesigns, Digital Silk Implements 5-Second Test Strategy StreetInsider Web Design Market Size & Share | Industry Growth [2032] SkyQuest Technology Web Design Sacramento by Kova Team Offers Tailored Digital Solutions for Sacramento Businesses FinancialContent Unveiling the invisible hand: how AI is reshaping web design UNC Hussman School of Journalism and Media Grow Your Local Business with WebLime’s Web Design & Marketing Solutions Potomac Local News "This is just the start:" How The Guardian approached its first major redesign in 10 years Creative Bloq Web Pacific Lutheran University Fresno Web Design Company Crafts Marketing Strategies to Attract High-Value Clientele FinancialContent Mozaic - Web Design for blockchain startup DesignRush 2/6/25 – EXPLORE OUTDOOR HAWAI‘I SITE WINS WEB DESIGN GOLD Department of Land and Natural Resources - Hawaii (.gov) A Surge in Mobile-Optimized Web Design Reported for Wellness Brands Across New York: Laser by Aleya Stays Ahead of the Curve Yahoo Finance Digital Silk Reports Spike in Page Speed Optimisation Requests from New York Brands in 2025 Newsfile California Privacy Penalties Focus on Quality Checks, Web Design Bloomberg Law News California Tourism Leverages Interactive Web Design to Engage Gen Z and Millennial Travelers: You Need to Know Travel And Tour World Best Web Design Companies Forbes 15 Web Design Trends for 2025 DesignRush ChatGPT was tasked with designing a website. The result was as manipulative as you'd expect Fast Company Digital Silk Reports Spike in Page Speed Optimisation Requests from New York Brands in 2025 TradingView 8 Best Apps for Web Designers in 2025 DesignRush Hudson Brauntz Digital Named Cincinnati's Top-Rated Web Design Company NORTHEAST - NEWS CHANNEL NEBRASKA Best Website Design Inspiration: Amazon DesignRush 11 Best Interactive Website Designs in 2025 DesignRush 16 Best Modern Website Designs of the Moment DesignRush 18 Best Tech Website Designs in 2025 DesignRush Web 3.0 And The Evolution Of Website Design: What You Need To Know Harlem World Magazine 10 Best Medical Website Designs (2025) DesignRush The Future of Web Development: Trends and Technologies on the Horizon IoT Business News Lululemon Athletica Website Design Review DesignRush USPS Website Design: A Detailed Overview DesignRush Web Design Statistics By UI/UX, Market Size, Web Development, Industry and Demographics Coolest Gadgets The Quake's Website Design Analysis DesignRush BUSINESS SPOTLIGHT: Young Web Design keeps businesses current The Bradford Era Best website design service of 2024 TechRadar 5 Upcoming Web Design Trends for 2022 SitePoint Grink Website Design Analysis DesignRush 11 Best Minimalist Websites for 2025 DesignRush |
![]() |
![]() |
![]() |
RELATED ARTICLES
A Web Site That Sells Is All One Needs To Have A Successful Online Business! There are more than billions of Web Sites, running Online Businesses, offering products and services. But only a few Web Sites manage to make any sale. Power of Squeeze Pages for Realtors Squeeze pages are a very hot topic in the internet marketing scene. What a squeeze page is is a page that is built to get someone to take an action. The Ultimate Web Site Marketing Strategies That You Should Know Most of us know that we need to advertise our products and our services, some of us still believe we are too small to invest in a advertising campaign. Now while a full-fledged marketing effort may be too much for your operation, it is however crucial to your success that you are involved in some kind of marketing activities. Ten Design Mistakes to Avoid Avoid these mistakes and your site will be steps ahead of your competition. 1. Web Design Advice And Information Most of us at times need advice on different aspects of life and the thought of obtaining a website can be quite a daunting task for many people. There are so many people offering cheap web design services, therefore how do you know who to choose and what to look for. Website Woes: Top Five Offenders I see a lot of mistakes, but here are the top five offenders you need to correct to give your site a boost. Bad Title. Flash Design Adds Website Versatility You have probably viewed many Flash-based components while surfing the Internet. Most smooth animations on websites and in banner ads, short films, and presentations are built in Flash. Pages to Include in Your Website What pages need to be included on your website? The answer varies for each type of business and depends on how informative you want your website to be for potential clients. Below is a list of sample pages for you to review while you plan out your website. Using CCS to Eliminate Tables CSS or Cascading Style Sheets has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines. 7 Ways of Building Customers Trust With Your Web Site When I purchase something from a web site I first check whois behind this site. If there is no contact information oranything about the owner of the site or his/her company Imove on. The Testimonial Trick One of the most popular methods of traffic generation is the link exchange. Not only can they generate fairly targeted traffic from other related web sites, the number of quality links to your site is also a major factor determining your web site's ranking in major search engines like Google. Simple Lines and Shapes for Your Logo Design Geometric designs come in all shapes and sizes? and lines. You can create your logo design or customize your illustration by using simple lines and shapes to create your very own unique image. Elements of Graphic Design for Your Website We've all seen them. Poorly designed web sites that make you cringe as soon as they load. What Content to Publish on Your Website Many businesses want a simple website where they tell people what their business is about, some information on the products they offer and a means of contacting them.However, content is vital in the growth of your Internet presence. 6 Reasons Why Web Templates Are Todays Trend As the Internet blooms at an alarming rate, so as the numberof websites out there. Appearance, layout, presentation andloading times are just a few of the main essentialcharacteristics of a successful website. Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why? A Double Ad Tracker is an Ad-Tracker that points to an AD-Tracker. It may sound a bit like overkill to have an Ad-Tracker Pointing at another Ad-Tracker but it's not crazy. What I Look For In a Website As my occupation is that of a proofreader, one of the first things I look for in a website is quality copy; to me it's important that the textual content is clear and concise with correct spelling and proper punctuation. Many websites I have looked at have sadly failed to follow this basic rule and the build emphasis has been centred on flashy eye-catching graphics, quite often at the expense of the copy. 3 Tips You Can Use Right Now to Improve Your Web Sites Usability Studies done by Jakob Nielson the man touted as the, "King of usability" by Internet Magazine showed that people do not read on the web like they would normally read offline.So what does this mean to you and why should you care?Visitors to your web sites are in a rush, they want the information you promised and they want it NOW. Cheap Web Design If you think it's simply a case of who will do it for the best price, think again.As with many things we buy there are several important factors to take into account. Website Design: 10 Web Site Design Pitfalls To Avoid If you've a website that is not generating a lotof sales, it may be due to some design flaws.Below are website design flaws you shouldcorrect now, to empower your website:1. ![]() |
home | site map |
Webdesign-box © 2006 |