Browsed by
Category: css3

Two classes together

Two classes together

Usually attributes are assigned just one class, but this doesn’t mean that that’s all you’re allowed. In reality, you can assign as many classes as you like! For example: class=”text side” Using these two classes together (separated by a space, not with a comma) means that the paragraph calls up the rules assigned to both text and side. If any rules overlap between the two classes then the class which is below the other in the CSS document will take…

Read More Read More

!important ignored by IE

!important ignored by IE

Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it. This is true for all browsers except IE. An example of this would be:margin-top: 3.5em !important; margin-top: 2em So, the top margin will be set to 3.5em for all browsers except IE, which will have a top margin of 2em. This can sometimes come in useful, especially when using…

Read More Read More

Universal selector

Universal selector

The universal selector, written “*”, matches the name of any element type. It matches any single element in the document tree. If the universal selector is not the only component of a simple selector, the “*” may be omitted. For example: * *[LANG=fr] and [LANG=fr] are equivalent. * *.warning and .warning are equivalent. * *#myid and #myid are equivalent.

Font Size Conversion Chart

Font Size Conversion Chart

Font Size Conversion Chart Points Pixels Ems Percent Keyword Default sans-serif 6pt 8px 0.5em 50% CSS Tricks 7pt 9px 0.55em 55% CSS Tricks 7.5pt 10px 0.625em 62.5% x-small CSS Tricks 8pt 11px 0.7em 70% CSS Tricks 9pt 12px 0.75em 75% CSS Tricks 10pt 13px 0.8em 80% small CSS Tricks 10.5pt 14px 0.875em 87.5% CSS Tricks 11pt 15px 0.95em 95% CSS Tricks 12pt 16px 1em 100% medium CSS Tricks 13pt 17px 1.05em 105% CSS Tricks 13.5pt 18px 1.125em 112.5% large CSS…

Read More Read More

Grouping

Grouping

When several selectors share the same declarations, they may be grouped into a comma-separated list. Example(s): In this example, we condense three rules with identical declarations into one. Thus, H1 { font-family: sans-serif }H2 { font-family: sans-serif }H3 { font-family: sans-serif } is equivalent to: H1, H2, H3 { font-family: sans-serif } CSS offers other “shorthand” mechanisms as well, including multiple declarations and shorthand properties.

Ultimate List Of Online Color Tools

Ultimate List Of Online Color Tools

As a web designer, we will always deal with colors. There are a lot of useful online color tools such as color wheel, color scheme, color palette, color picker, and etc. Let’s start looking at the list: Color Wheel 1. 4096 Color Wheel 2. Color Wheel from Colors On The Web 3. Color Wheel Color Calculator Color Scheme 4. Infobound Color Schemer 5. Color Scheme Designer 6. ColorToy 2.0 7. The Color Wizard 3.0 8. Hex Color Scheme Generator 9….

Read More Read More

HTML Hexadecimal Color Codes

HTML Hexadecimal Color Codes

Color Color Code Color Color Code Red #FF0000 White #FFFFFF Turquoise #00FFFF Light Grey #C0C0C0 Light Blue #0000FF Dark Grey #808080 Dark Blue #0000A0 Black #000000 Light Purple #FF0080 Orange #FF8040 Dark Purple #800080 Brown #804000 Yellow #FFFF00 Burgundy #800000 Pastel Green #00FF00 Forest Green #808000 Pink #FF00FF Grass Green #408080 Color Code Chart COLOR NAME CODE COLOR Black #000000 Black Gray0 #150517 Gray0 Gray18 #250517 Gray18 Gray21 #2B1B17 Gray21 Gray23 #302217 Gray23 Gray24 #302226 Gray24 Gray25 #342826 Gray25 Gray26…

Read More Read More