There are many shorthands of writing CSS but I'm going to share which I love the most. Here's the following shorthands of CSS:
| Styles | Normal | Shortcut |
| Font | font-size: 1em; line-height: 2.5em; font-weight: bold; font-style: italic; font-family: arial; | font: 1em/2.5em bold italic arial; |
| Background | background-color: #fff; background-image: url(image.gif); background-repeat: no-repeat; background-position: top left; | background: #fff url(image.gif) no-repeat top left; |
| Lists | list-style: #fff; list-style-type: disc; list-style-position: outside; list-style-image: url(image.gif); | list-style: disc outside url(image.gif); |
| Margin | margin-top: 10px; margin-right: 1px; margin-bottom: 15px; margin-left: 4px; | margin: 10px 1px 15px 4px (top, right, bottom, left); |
| Border | border-width: 1px; border-color: black; border-style: solid; border-right-width: 1px; border-right-color: black; border-right-style: solid; | border: 1px black solid; border-right: 1px black solid; |
Want to read more about CSS click here
Subscribe to TutorialFeed via RSS
1 comments :
Thank's to spend your time to share. This is what I (and others, I believe), really need. It's really very informative post. Please keep it up. Looking for more relevant post.
Post a Comment