by Guy Routledge | Oct 22, 2014 | atozcss, News
Justify is one available value for the text-align property. It allows the formatting of text in a style often used in newspaper design. In this episode, we’ll look at the 12 possible values for text-align, one of which is justify, next we’ll look at using justified...
by Guy Routledge | Oct 7, 2014 | atozcss, News
ID is a CSS selector that allows the styling of a single unique element. Their use in CSS is common and often a little controversial. In this video, I will outline some of the reasons why I prefer the class selector over ID, how CSS specificity works. Transcript ID is...
by Guy Routledge | Sep 23, 2014 | atozcss, News
We can enhance user experience by styling elements that are being interacted with under different states like :hover, :focus and :active. It’s important to bear in mind that some users don’t have a mouse and :hover on touch devices can be a bit flaky. When dealing...
by Guy Routledge | Sep 9, 2014 | atozcss, News
The general sibling selector is part of the family of combinator selectors in CSS that allow the styling of descendents, children, grandchildren and siblings of an element. Some of them aren’t that commonly used but they have very deep browser support. h2 ~ p {} /*...
by Guy Routledge | Aug 26, 2014 | atozcss, News
:enabled and :disabled are pseudo classes that allow the styling of different states of form inputs, ones that are clickable or can have text entered into them (enabled) or those that can’t (disabled). All form controls are enabled by default but can be disabled by...
by Guy Routledge | Aug 12, 2014 | atozcss, News
Different types of elements have different display values by default. These include inline, block, list-item, table and many more. The way elements take up space on the page and flow throughout the document can be changed by altering the display value. In this epsiode...
