The intention of the debug.css is to identify issues with the markup that might not be easily identified.
Inline CSS should be avoided.
These styles should be defined in an external stylesheet.
background
border
float
font-family
font-size
font-weight
letter-spacing
line-height
list-style
outline
resize
text-align
text-decoration
text-indent
text-transform
vertical-align
width
word-spacing
Elements that contain no text usually are in place to achieve a certain layout.
The layout should be controlled by the CSS.
<u>
tagUnderlined text is commonly mistaken for a link.
<font>
tagThe <font>
tag is sometimes used to style text.
The style should be controlled by the CSS
The align
attribute is obsolute. Layout should be defined in an external stylesheet.
align attribute example
SiteCore has a mind of its own. It will automatically add a shape
attribute to links.
This attribute is meaningless and should be removed.
href
AttributeAn anchor tag should always have an href
value defined.
target
AttributeThe target
attribute should never be used.
src
AttributeThe src
attribute is required on all img
tags.
src
AttributeThe src
attribute is required on all img
tags.
alt
AttributeThe alt
attribute is required.
alt
AttributeThe alt
attribute is required.
alt
Attribute & Missing ImageThis will highlight missing images with empty alt
attributes
height
AttributeDefining a height
this way ruins the ability to make the site responsive
width
AttributeDefining a width
this way ruins the ability to make the site responsive