MaKo 4 CSS: CSS Basics – CLASS and ID
MaKo 4 CSS: CSS Basics – CLASS and ID
|
|
Cascading Style Sheets (CSS) – basic class and id containers … The CSS Discuss List has a very good short introduction at Class vs. ID …
Similar Posts
8 Of The Best Free CSS Tutorial Videos
Below is a collection of the best videos on CSS available on the web, hand-picked personally by me.
Short Introductory Videos
Using CSS by Joseph Lowery (03:43)
This video explains what cascading style sheets (CSS) are. You learn the basics of CSS and the primary interfaces in Dreamweaver to work with CSS. You learn how to apply basic CSS to a web page that contains text using Dreamweaver; specifically, you create and embed a new CSS rule for a heading and paragraph
Introduction To CSS Editing Using Firebug by Jim Plush (3:17)
The firebug firefox extension allows you to edit in real time your CSS code. Instead of having to make a change, reload, make a change, reload you can just edit it live to see the results.
Basics With Sample Code
Introduction to CSS by Heather James (15:26)
Good basic introduction to CSS. In the first half of the video, she explains what CSS is and its basic concepts. In the second half of the video she shows us some examples. At one point she even uses Firebug. Cool!
Creating Beautiful Interfaces with CSS by Douglas Bowman (01:02:51)
Drop-down menus and sophisticated interface elements have traditionally been implemented using JavaScript and kludgy coding workarounds that often don’t work. It’s increasingly practical to deliver rich, beautiful, functional interfaces using semantic markup and CSS. Learn how modern markup can deliver great Web interfaces that are fast and reliable.
Basic HTML and CSS Tutorial. How To Make Website From Scratch by Jimmy Ruska (39:20)
A good basic tutorial on HTML and CSS. The first 10 minutes covers mostly basic HTML. Skip to the 9-minute mark to go straight to the CSS portion of the video.
Introduction to CSS by Stefan Mischook
A good, free video tutorial by Stefan Mischook of Killersites.com
Full Website Conversion Videos
100% CSS Web Design Series by Psmeg
A series of videos which details how to create a pure CSS based website using Adobe Dreamweaver. The series is composed of 9 parts nonetheless it is quite good and very easy to follow.
Converting a Photoshop Mockup Series by Chris Coyier
How to convert a website designed in Adobe Photoshop to HTML/CSS. Following the success of the first video series, Chris Coyier has come up with another video using a minimal version of the CSS-Tricks website.
Cascading Style Sheets (CSS) Interview with MicroAssist CSS Class …
Interview on Cascading Style Sheets (CSS) with MicroAssist Austin CSS Class Instructor, Scott Allen … your students learn from your Introduction to CSS Class? …CSS Class – Online
Learn the basics of separating style from structure within an HTML document. … Class Name. Introduction to Cascading Style Sheets …Advanced HTML and CSS: <DIV> and <SPAN> tags unravelled!
… Block level containers (DIV) and inline containers (SPAN) combined with Cascading stylesheet classes. … you create a CSS class, .header, and you setup …Introduction to CSS (cascading style sheets) – CSS Basics – Chapter 1
… to css cascading style sheets, is an introduction to the basics of using css (cascading stylesheets) … Inline styles are defined right in the (X) …Advanced HTML and CSS: <DIV> and <SPAN> tags unravelled!
Advanced HTML and CSS: Block level containers (DIV) and inline containers (SPAN) combined with Cascading … Fig 1: Block and inline containers, styled and …Advanced HTML and CSS: <DIV> and <SPAN> tags unravelled!
Advanced HTML and CSS: Block level containers (DIV) and inline containers (SPAN) combined with Cascading … 1: Block and inline containers, styled and …Introduction to Cascading Style Sheets Rules
An introduction to Cascading Style Sheets rules for Web pages. <META NAME … What is a CSS rule? Linking to external style sheet. Using In-line Style …Take Your CSS to the Desktop with Adobe AIR!
Here is an article that you may find useful.
Designers would find it surprising that to know that you can now take your HTML and CSS skills and use it to create desktop applications. This now very much possible for anyone who is willing to explore the power of Adobe AIR. Andrew Tetlaw has a nice little article over at SitePoint entitled Take Your CSS to the Desktop with Adobe AIR!. It provides a good, short introduction to Adobe AIR and how easy it is to use your web development skills to create rich cross-platform desktop applications.
For further reading, you may wish to check out Akash Mehta’s winning article, Walk on AIR: Create a To-do List in Five Minutes.