Latest news in CSS
Why You Need to Know HTML/CSS
CSS, Design & Coding Last week I posted an article entitled “5 Skills Every Bloggers Needs to Excel” spelling out five skills that I consider essential for every blogger to either have or be willing to obtain if they want to truly excel. Overall, the article was well-received but several commenters took issue with the second item on my list: HTML/CSS Skills. Several felt that the power of WordPress/Blogger and other blogging platforms made the need to ...
Continue readingCreating a Drop Down Menu
CSS Horizontal navigation is quite popular however it becomes restrictive once you’ve got too many pages to list. Once you reach this point then you either need to convert to using a vertical navigation, or start using drop down menus. Drop downs used to rely on JavaScript however all modern browsers can now manage drop down menus with just CSS (IE7+, Firefox, Opera, Safari; note, JavaScript is still required for IE6 and below). The HTML ...
Continue readingExplaining CSS Selectors Part III
CSS This is the final part in this 3 part series (see Part I and Part II), and we’re on to Pseudo-element selectors. :first-line The :first-line pseudo-element allows you to target the first line of a given target, which must be either a block level element, inline-block, table cell or caption. So, for example, if you wanted to make the first line of a paragraph red then you could use [sourcecode language="css"]p:first-line { color: red ...
Continue readingExplaining CSS Selectors Part II
CSS See last weeks post for part one of Explaining CSS Selectors. Attribute Selectors Attribute selectors allow you to target a group of items on a page by matching a particular attribute. This opens up a whole new method of selecting your targets. Unfortunately attribute selectors are not supported in IE6 (which is why they’re not very commonly used), and IE7′s support is a bit buggy at times, however with IE8 out today, hopefully ...
Continue readingExplaining CSS Selectors Part I
CSS Now that we’ve covered a lot of information on HTML and some brief information on CSS, it’s now time to explore the power of CSS even more. Selectors Selectors allow you to target specific tags, ids, classes, attributes and more, on a page, ie. target a specific item or a group of items. We’ve seen and used these already briefly, to target type selectors (h1, div, p, a, etc), ID selectors (#idname) and class selectors ...
Continue readingUnderstanding the float property
CSS To be able to control your layouts you need to understand the float property. I’ve briefly mentioned this before and given examples of how to use it but not actually explained it in full. Note, for the following examples I’ve used inline styles, purely to give you an example and show you the code used, however, as always, external stylesheets should be used to reduce code, to create reusable code and to use CSS as it was intended ...
Continue readingCSS Basics: List Properties II and a Horizontal Menu
CSS Last week I wrote about the specific CSS list properties. This week I’m going to cover some of the positioning properties that are useful with lists but can be used with other html elements as well. Margins and Padding Every element can have both a margin and padding given to it, i.e. Here the element ends at the border, then the margin is the spacing outside of the border, and the padding is the spacing between the border and the content. ...
Continue readingCSS Basics: List Properties
CSS Last week I covered the HTML Basics for using Lists. This week and next, we will cover the CSS properties for use with lists. List Specific Properties We have 3 properties that are specifically for unordered and ordered lists. list-style-type The list-style-type property allows you to control the appearance of the list ‘marker’ ie. the bullet point style for unordered lists or the numbering system for an ordered list. For both types ...
Continue readingCSS Basics: Font Styling
CSS Let’s face it, the default settings on browsers are hardly great for the look of your site. So next step, with your HTML page, is to add in some font styling. The Font Properties Font properties work on any selector that contains text. Most font properties are easy to spot as they start with the word ‘font’, however our first selector is simply ‘color’ (and our last selector is line-height). This is one point to ...
Continue readingCSS Basics: The Background Properties
CSS Last week I briefly touched on a few selector properties when styling hyperlinks. I’m going to start to go into more properties. These properties can be used on any selector (although not every property will necessarily have an effect on some selectors). CSS Selectors Just to recap, a selector is the tag, id or class you’re targeting eg. [sourcecode language="css"]h1 { … } #idname { … } .classname { … }[/sourcecode] ...
Continue reading
Recent Posts
Blogging tips writers
Blog Partners
