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.com For 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.]

In The News:

30+ Impressive Web Design Statistics You Need to Know in 2019  G2 CrowdA well-designed website is a powerful asset to your business. Read statistics showing the power of a well-design website, mobile sites, e-commerce site design ...
Top 17 Web Design and UI Trends for 2019  DesignmodoNew year, new time to think about web design trends. The start of the year is a great time to look back on the previous year and your successes and look ahead ...
7 Web design trends and predictions for 2019  Packt Hub2019 will be all about engaging web design focusing on video backgrounds, captivating designs & layouts, speed, mobile performance and so on. Here are 7 ...
How (and Why) Collaboration Brings About Stronger, More Creative Web Design  EntrepreneurWith respect to web design, the result of team collaboration is almost always a better product.
2019 Web Design Trends  Business 2 CommunityWeb design is an ever-evolving field; technology is constantly changing; and we as designers and developers need to have our fingers on the pulse of what's ...
10 exciting web design trends you can’t hide from in 2019  The Next WebThe end of the year is near, and that could only mean one thing. It's time to look ahead at what website design could look like in the year to come. Like every year ...
Video: Students learn basics of web design at Coding Club  Bucks County Courier TimesThe Southampton Free Library hosts a Coding Club for students every Tuesday afternoon through April 16.
Why great web design is pivotal to online success  Business MattersBusiness MattersWhen making the foray into the online world of business a website is normally the first on the list to have designed & developed.
Burglars break into web design company, steal an estimated $4,500 in equipment  WPMT FOX 43COLUMBIA BOROUGH, Lancaster - The Columbia Borough Police Department is investigating a burglary that happened Saturday afternoon. Police say the ...
Google is giving its G Suite web apps new touches of visual improvements  Digital TrendsMaterial Design, Google's user interface approach with rounded corners, crisp edges, fonts, and shadows, is spreading to more of its online applications. As was ...
Google’s G Suite web apps are getting the Material Design overhaul  The Tech PortalGoogle is now spreading its user interface approach — Material Design — to more of its online applications, including Google Docs, Sheets, Sites, and Slides.
Wellspring Search Acquires Absolute Web Designs  ChannelE2EWellspring Search acquires Absolute Web Designs, a former computer retailer. This is Wellspring's third acquisition in the last 12 months.
Trends You can Expect in Web Development for 2019  Customer ThinkThe current generation of website developers is ideal employees in consideration of web development spectrum. Most of the modern people respond quickly to ...
5 Ways How Strategic Use of Color in Web Design Can Increase Conversions  ADOTASWebsite design is perhaps the most important aspect of achieving an increase in conversions. No matter how suggestive, effective or convincing your offer is, ...
Lawrenceburg Web Design Firm Acquired  Inside INdiana BusinessMaryland-based digital marketing agency Wellspring Search LLC has acquired a web design firm in Lawrenceburg. Financial terms of the deal for Absolute Web ...
Hot web design trends for 2019  AZ Big MediaA recent study shows that 97% of consumers research their purchases online before they buy something. Strong, modern web design is vital to your brand's ...
Web Designing Mistakes Small and Medium Sized Businesses Should Avoid  Business 2 CommunityAsking a business-startup fairy to bestow success on small and medium-sized businesses magically is a pure myth. Succeeding as an entrepreneur takes ...
Magento launches Progressive Web Applications (PWA) studio -  Enterprise TimesMagento has announced the general release of Progressive Web Applications (PWA) studio. PWA is a set of best practices to make a web application function ...
7 key web design trends of 2019  Augusta Free PressIt's once again that time of the year when you need to look back and take stock of the web design trends that need to be shown the door at once.
Adobe adds a Progressive Web Apps builder to Magento  MarTech TodayPWAs, the company says, represent a 'seismic advancement' that can move online stores beyond mobile web sites and mobile apps. Barry Levine on January ...
Energy Harvesting Chip Startup Funded by Amazon Web Services  Electronic DesignWiliot, which is building Bluetooth chips that can be powered by ambient radio frequencies, has raised $30 million in funding from Qualcomm Ventures, ...
6 Ways To Improve Your Website Design To Boost Sales  ForbesHow you build your website is as important as what is on it when it comes to converting sales.
Four Anaconda high-school students embark on web-design, social-media marketing company  Montana StandardEditor's note: This story has been edited to reflect that Ryan Hessler's, not Blake Johnson's, father is a computer scientist. A caption in a photo also stated that Kai ...
A day in the life of... Co-Founder and Creative Director of a web design agency  EconsultancyAndy Golpys is the Co-Founder and Creative Director of web design agency MadeByShape. Econsultancy spoke to him about how he came to found a web ...
Web Designer Salary: Always Better with Skills Specialization  Dice InsightsWeb designers are responsible for the best (and worst) of the web. Given the importance of the role, what's a typical web designer salary?
Why an Understanding of UI and UX is Now Vital to Web Development Success! - WhaTech  WhaTechWhen developing a web site, the way the user will ultimately interact with that site has become very important to the ultimate success of the project.
What’s the Difference Between UI and UX?  TechnotificationThis article will guide you through how to design a website with effective use of two very important components – UI and UX.
Alleged OnePlus 7 leaks hint at a notch-less design (and maybe a slider)  The Next WebThe OnePlus rumor mill has started early this year, and we have our first leaks of its next device out in the wild. According to images posted by SlashLeaks, the ...
Madhappy, An Optimistic Approach To The Millennial Generation  ForbesThe trend towards stylistic variety is not new. Although currently in menswear, it is taking greater interest in a more varied and cultured sense.
Designers respond to the new Slack logo - News  Digital Arts OnlineReactions to the logo range from "friendly in a generic way" to "bland new nothingness." And that's before you consider the rather suggestive colouring.
End of Year- From our Friends at CMDS Marketing & Design Agency: Web Design Trends 2019  njtechweekly.comFor our end-of-year articles, we are presenting some of the most interesting blog posts created by our friends in the NJ Tech community. As the world becomes ...
Vested networking group launched in Spokane for female entrepreneurs  Spokane Journal of BusinessSpokane entrepreneur and graphic designer Anna Abel has launched Vested, a company that provides networking opportunities for female entrepreneurs.
HEAVISIDE DIGITAL OFFERS AFFORDABLE WEB DESIGN AND DIGITAL MARKETING SERVICES TO LOCAL BUSINESSES - Press Release  Digital JournalWaukesha, WI - A website is the most important digital asset of a business or an organization. A good website makes it very easy to market, promote, generate ...
Milestone Captures 5 HSMAI Adrian Awards for Hotel Website Design and Wins 2018's Mobile Web Awards “Best in Show”  Hospitality NetSilicon Valley, CA - The Hospitality Sales & Marketing Association International (HSMAI) will honor Milestone Internet Marketing with five Adrian Awards for ...
Best Responsive Web Design Award Winners Announced for December 2018 by 10 Best Design  PR WebNEW YORK, N.Y. (PRWEB) December 24, 2018 -- In its latest round of monthly awards, 10 Best Design has named Ruckus Marketing as the Best Responsive ...
East Meadow NY Local Google Ranking Expert Web Design Services Launched  NewswireEast Meadow, New York online marketing agency High Measure Solutions updated its services to provide cutting-edge SEO, web design, social media ...
Square Loses Its Second Major Leader in 3 Months  Motley FoolSquare's (NYSE:SQ) head of payments, Mary Kay Bowman, recently resigned to join Visa (NYSE:V) as its new head of seller solutions. Bowman joined Square ...
Why PSD To HTML conversion services are necessary for business growth? - WhaTech  WhaTechPSD To HTML Conversion Services is in tradition nowadays. Get high quality PSD to Html conversion *service*, pixcel-perfect. To start with, you can search the ...
How to Make Your Resume Stand Out, According to HR Executives  TIMETwo hiring managers share the best resume writing tips that will help you get noticed during the job interview process.
Head of Design: Sunnylife  Pedestrian TVWho are we? We're Sunnylife, an Aussie lifestyle brand born and based in Sydney. But we've got offices in Los Angeles and London too. We're sun seekers, ...
Forix Named Among Clutch's Top 1000 Of 2018  PR WebPortland, Oregon (PRWEB) January 17, 2019 -- Forix has been named one of Clutch's Top 1000 Companies of 2018. Forix, a provider of Magento managed ...
Calling all creatives, these are 2019's biggest design trends  Vogue AustraliaShutterstock reveals the top design and creative trends for 2019.
Charity Web Design Company Introduces Website Voice Navigation Feature  PR WebLeeds (PRWEB) January 09, 2019 -- Yorkshire-based charity web design company Charity Box, who specialise in producing websites for UK charities, has.
Operation Technology Recognized as a Leading Web Design Agency in the United States by Clutch  PR WebChicago, Illinois (PRWEB) January 07, 2019 -- Chicago based Operation Technology has been named a leading expert in web design for 2018 by Clutch, a.
It’s a win for Web accessibility as courts can now order companies to make their sites WCAG 2.0 compliant  Packt HubYesterday, the ninth circuit court of appeals gave a big win for web accessibility in a case against Domino's Pizza. Domino's violated the Americans With ...
Web Design Company, Lounge Lizard, shares 4 Ways your Business can use Facebook Bots  PR WebNew York, NY (PRWEB) December 21, 2018 -- NEW YORK, NY. Lounge Lizard is globally recognized as a top web design company within the web design and ...
Check out which Sioux Falls development projects got property tax breaks in 2018  Sioux Falls Argus LeaderCity Hall approved about $4.3 million worth of tax incentives in return for $74 million in private development last year.
New York Web Design Company, Lounge Lizard, Explains how Chat Bots are Taking Over the Human Race  PR WebNew York, NY (PRWEB) December 19, 2018 -- NEW YORK, NY. Lounge Lizard is globally recognized as a top New York Web Design Company within the web ...
Leading NYC Web Design Firms Receive Awards for December 2018 from 10 Best Design  PR WebNEW YORK, N.Y. (PRWEB) December 28, 2018 -- 10 Best Design is pleased to announce the winners of its Best NYC Web Design Firm awards for December ...
Top eCommerce Web Design Firms Garner December Awards from 10 Best Design  PR WebNEW YORK, N.Y. (PRWEB) December 21, 2018 -- 10 Best Design recently selected the winners of its Best eCommerce Web Design awards for December 2018, ...
Finest Magento Web Design Agencies Win Awards for December 2018 from 10 Best Design  PR WebNEW YORK, N.Y. (PRWEB) December 27, 2018 -- 10 Best Design is excited to announce the award winners in its Best Magento Web Design Firms category for ...
5 Best Client Management Techniques For Your Web Design Business  BizTechPostGetting clients and managing them for Web Design Business can be tricky, which is why we are writing some tips that you might find helpful.
Wellspring Search Acquires Indiana Based Absolute Web Design  PR WebWellspring Search, LLC recently moved into the Frederick Innovative Technology Center (FITCI) in the I-270 Technology Corridor and has completed its third ...
The Favourite Featurette Round-Up: Production Design, Costume Design & More  /FILMThis edition of The Morning Watch is a The Favourite featurette round-up focusing on the production design, costume design, and more.
Outsourcing Web Design – What You Need to Know | 2019  TechCoOutsourcing web design and web development is a great solution for small businesses everywhere. Here's how the process works and how much it'll cost you.
Low-Tech Magazine launches radical solar-powered website  Fast CompanyThe internet is a system that demands more: more engagement, more clicks, more ads, more *content*, more code, more servers, and more devices. The size of a ...
21 Free Web Design Tools from Fall 2018  Practical EcommerceAdd value to your website by utilizing free resources from the design community. Here is a list of new web tools and design elements from fall 2018. There are ...
How to Build Your Brand through Web Design  EntrepreneurBrands are successful because people care and remember them. So how do you make your brand memorable? The answer is consistency.
A nostalgic journey through the evolution of web design  The Conversation AUWeb design has come a long way since the days of blue hyperlinks and flashy GIFs.
Tech jobs dominate LinkedIn’s most promising jobs in 2019  Packt HubLast week LinkedIn shared the list of this year's most promising jobs based on the LinkedIn data. The below listed positions come with high salaries, a significant ...
Stocking Up at an Airline’s Garage Sale  The New York TimesIt may be hard to imagine liking an airline enough to buy its old silverware and *service* carts, but at a monthly sale, lovers of Delta Air Lines snap up ...
The web design trends brands need to prepare for in 2019  The Drum2019 is set to see ecommerce sales increase by 19.5% globally, offering an opportunity to savvy brands who are up to speed on the latest web design trends ...
Blocs 3 for Mac review: The best simple web design app gets even better  iMoreWith every new version, Cazoobi's Blocs gets closer and closer to becoming the graphic web design app of my dreams – a tool that balances drag-and-drop ...
Clutch Announces the Leading Web Design Agencies in the United States for 2018  PRNewswireWASHINGTON, Dec. 5, 2018 /PRNewswire/ -- Clutch unveiled a list of the leading web design agencies across the United States today. These designers are ...
Best Web Design Services and Software | 2019  TechCoWhat software companies provide the best web design services? Who can you trust to create your new business website? Here's our list of the top designers.
How Augmented Reality Will Change Web Design Over the Next 5 Years  IoT For AllAugmented Reality (AR) is revealing both exciting opportunities and unique challenges for web design. The best may be yet to come.
Google launches VisBug, a Chrome extension for point-and-click web design  ZDNetAt the Chrome Dev Summit that's taking place today in San Francisco, Google announced a new developer tool called VisBug that simplifies the task of editing a ...
This New Tool Makes Eye-Tracking Tech More Accessible to Web Designers  AdweekWhen it comes to understanding how exactly people browse the web, the eyes don't lie. At least that's the premise of an increasingly popular practice among ...
The art of web design: new and experiemental aesthetics in web design  We HeartWebsites have grown bland in the contemporary digital age. Template-driven and generic, homogenised by the frameworks of big-name *content* management ...
Top web designing trends that made an impact this year  TechGenYZWith the advancement in technology, there comes much new in Web designing too. Watch out all the web design trends here.
Done Role of IoT in Web Development  Customer ThinkWith the increasing advent of technology and the ever-changing demands of people as well as businesses, there has been a rise in technologies which have ...
These are the 397 most inspiring, innovative designs of 2018  Fast CompanyWhen it comes to solving problems, these trailblazing businesses are doing it as simply and as beautifully as possible. Meet the 2018 Innovation by Design ...
How IoT Is Changing Web Development  IoT For AllIoT brings changes to software development on many levels, including on the web. Let's discuss the main peculiarities and nuances of IoT web development.
10 Marketing, Web Design & Branding Statistics To Help You Prioritize Business Growth Initiatives  Forbes NowIn the digital age, business growth tactics are constantly evolving. But when algorithms, platforms and effective initiatives change rapidly, how can you know ...
Interior and web designers make list of highest-earning freelancers  Design WeekNew research has found both roles bring in an average annual income of £37500 and have also been chosen among the 10 most desirable freelance jobs.
Vector Media Group Acquires Renowned Web Design, Strategy and Development Agency, Happy Cog  Business WireVector Media Group, an award-winning digital agency that provides brands with breakthrough strategy, development, design, and marketing solutions, tod.
How Much Does a Website Designer Cost? | 2019  TechCoA good website designer can create a bespoke website that attracts the right customers. Read our guide to learn what you can expect to pay a web designer.
22 Free Web Design Tools from Summer 2018  Practical EcommerceAdd value to your website by utilizing free resources from the design and development community. Here is a list of new web tools and design elements from.
Third-party cookies have dropped by 22% since GDPR took effect  Fast Company[W]e may be observing a kind of 'housecleaning' effect,” report the researchers behind a new study on the drop in third-party cookies since the new privacy rules ...
Apple web design violates law, claims blind person  The RegisterApple, which prides itself on design, faces a lawsuit alleging that its web page layout violates the law. In a complaint filed on Sunday in a Manhattan district court, ...
Learn the Adobe Creative Suite and web design for only $39  iMoreIf a career in web design is the way you want to go, then get there inexpensively with the Learn to Design Deluxe 2018 Bundle!
How do I know if Web Development is right for me?  TechRepublicHow do you know if you're ready for a career change in tech, and if that change is right for you? A TechRepublic member is trying figure this out and is asking ...
Woman's business dreams dashed after web design scam  WOWTThe dream of starting a business turned into a financial nightmare for one Omaha woman.
Nine Ways Cloud Computing Benefits Web Designers  TechSpectiveCloud computing today is more affordable and accessible than ever before. While getting on the cloud still costs a bit more than a typical shared hosting.
How to Eliminate Your Top 5 Web Design Pains  SitePointThis sponsored article was created by our *content* partner, BAW Media. Thank you for supporting the partners who make SitePoint possible. What is more ...
35 Web Design and Development Terms Every Marketer Should Know  Business 2 CommunityMany companies are looking to perform a website redesign in the near future. However, many marketers and company executives feel like they are hearing a ...
Know about the current trends in web development  Customer ThinkIn case of web development, you may have probably heard that the only constant is the change. It is an industry-defining statement as web development keeps ...
Is responsive web design enough? (Hint: No)  Search Engine LandAs mobile-first indexing nears, the need to optimize for mobile has never felt so pressing. Even in its current iteration, mobile search is incredibly important for ...
Best Web Design Software and Website Builders - 2019  TechCoWant to know which is the best web design software for you, how much it would cost, and whether you could use a website builder? Read on to find out.
Web Design Best Practices that Ruled 2018  BBN TimesA website is the best marketing channel for any business in today's digital era. It is the reflection of your business in the online world. Here are 4 Reasons to ...
Web design skills pull girls out of poverty  The StandardLatifa Noor freelance website developer based in Mombasa during past Digital Opportunity Trust conference [David ] Njaaga,Standard] Sometime in June 2016, ...
Guidelines for brutalist web design  Boing Boing"Raw *content* true to its construction" — no hinky web frameworks, no broken javascript soiling itself at the first whiff of interaction the developer didn't design for, ...
Why web design is crucial to online retailers’ success  DigitalCommerce360Few factors affect online sales more than the design of a retail website. According to an exclusive survey, 61% of consumers will leave a retail site and go to a ...
Why Hiring Top Web Developers is a Good Idea  DevOps.comWeb development is one of the most valuable activities of any company, especially tech companies and web design agencies.
The 15 best new podcasts for web designers and developers  The Media Temple BlogSmashing Magazine recently compiled a shortlist of 66 podcasts that web designers and developers should be listening to, while UXcellence's 'rather ...
The Four Web Design Trends Businesses Should Actually Care About  ForbesIn business, first impressions matter, and I'm not talking about your elevator pitch. It only takes a person 50 milliseconds (that's 0.05 seconds) to form an opinion ...
A Professional Web Designer Tells You Why Your Website Sucks  FstoppersAs creatives, most of us know the value of a strong internet presence and what that can do to boost brand recognition and our business bottom-line, but we don't ...
Key coding skills every frontend Web designer needs to master  TechGenixAre you itching to use your expertise and creativity to become a top frontend web developer? These key coding skills will get you where you want to go.
The evolution of web design  Irish Tech NewsWebsite architecture has gained some amazing ground, so we should look back and see how what we have come to know as destinations these days was ...
RapidWeaver 8 web design app coming next week with lots of user-requested features  9to5MacRapidWeaver, the well-known web design software for Mac, is getting a massive update rolling out August 14. Jumping from 7, RapidWeaver 8 brings a few ...

Is Your Website?s Copy Up to the Mark?

The Internet is a relatively new medium. What works for... Read More

Creating A Quality Web Site Design!

In this article, I will attempt to cover the basics... Read More

Dont Make Your Website User-UNfriendly!

Web Design is a very subjective process. Your idea of... Read More

Positive Design Attributes for a Successful Website

Designing a website is hard job, and requires you to... Read More

404 Error - The Page Cannot be Found

A "404 Error" happens when the web server you are... Read More

Internet Tip of the Week: First Impressions

First impressions are extremely important if you hope to do... Read More

Congratulations! You?ve Gotten Visitors To Your Site! Now, Can They Find What Theyre Looking For?

As search engine marketers, we spend an enormous amount of... Read More

The Testimonial Trick

One of the most popular methods of traffic generation is... Read More

Creating the Perfect Website - A beginners Guide

Are you looking to create the perfect website? A complete... Read More

Is Your Website Color As Inviting as Your Home? Does Color Really Matter?

We've all read the countless publications about effective web site... Read More

Good Content Pays!

Traffic to a site can be a blessing or a... Read More

Selling Multiple Products? Avoid These Top Blunders

When your web site sells more than a dozen items,... Read More

What Your Website REALLY Says About You And Why It Matters

Everything you say and do says something about you. This... Read More

Hexadecimal Color Notation on the Web

When designing elements for your webpage, you will often be... Read More

How To Set Up A Professional Website On Your Own Using Web Templates

To create professional websites is not an easy task by... Read More

Bad Web Design: ActiveX

ActiveX uses an interesting method for enforcing security ... it... Read More

10 seconds is all it takes? (How to grab the attention of your audience with your web site)

FACT: 30 to 60% of visitors tend to drop off... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

10 Things All Webmasters Should Know

Geared Up with a website and lots of energy to... Read More

Web Site Accessibility

Making your site accessible means making it available to be... Read More

Web Coach Tip: The Single Most Important and CRUCIAL Element of Your Web Site

Here's the single most important part of your website: YOUR... Read More

Use Exclusive Content - When Reprint Articles Dont Do Enough

There is no doubt that reprint articles can serve lots... Read More

10 Reasons Why You Need A Multilingual Website

The internet continues to grow and has become the default... Read More

Why Hire a Professional to Design Your Web Site?

Creating an appealing, functional, and effective Web site is much... Read More

How To Choose A Website Designer

Now that you have decided that it is time to... Read More