[26-Feb-2026 00:31:13 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 {"id":20007,"date":"2015-08-13T23:18:03","date_gmt":"2015-08-13T15:18:03","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=20007"},"modified":"2016-11-13T17:11:25","modified_gmt":"2016-11-13T09:11:25","slug":"20-awesome-must-try-css-tips-for-beginners","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/","title":{"rendered":"20 Awesome Must Try CSS Tips for Beginners"},"content":{"rendered":"

Since the inception of the internet, CSS and HTML have been tied together in a conjugal bond. While HTML is possibly an easy\u00a0markup language to learn, CSS can be quite a challenge.<\/p>\n

Nevertheless, achieving the gorgeous layout that boasts a clean look and beautiful backend isn\u2019t out of reach. Like any other craft, it requires practice and deep understanding of what’s at hand.<\/p>\n

To give you budding web designers and developers a head start, we\u2019ve compiled 20 of the most essential<\/strong> CSS tips and best practices that you can try to achieve a fabulous front-end.<\/p>\n

Once you have mastered CSS take a look at our beginner ideas for photosho<\/a>p!<\/p>\n

Let\u2019s get started!<\/p>\n

1. Use style-sheet inheritance<\/h4>\n

Use a single CSS file for the entire project. This makes editing and updating easy. If you must use several style-sheets, be sure that they utilize only implicit properties while inheriting common properties from best level style-sheets.<\/p>\n

2. Understand when to use IDs & Classes<\/h4>\n

IDs and Classes are probably the most misused styling components in CSS. The difference between the two is simple – use IDs when you don’t need to repeat your style for over one element and use Classes to style several elements.<\/p>\n

3. Give logical names to IDs & Classes<\/h4>\n

IDs and Classes need to be logically named and should correspond to the tags that their styled. This is vital for code organization & debugging.<\/p>\n

4. Style top level elements first<\/h4>\n

CSS is complex and the order in which elements need to be styled is very important. The general guideline is to always style top level elements first followed by inner elements. For example, HTML and BODY tags ought to be styled prior to styling encapsulated DIV tags.<\/p>\n

5. Center elements through style-sheets<\/h4>\n

Never use center tags to center align elements. This strategy is obsolete. Instead, use style-sheets to center text and areas of the HTML file. This could be done through the margin property & text-align property.<\/p>\n

6. Understand the CSS box model<\/h4>\n

Understanding the CSS box model is important to effectively position your elements. Cascading style sheet box model makes life easy for designers and developers.<\/p>\n

\"margin\"<\/p>\n

7. Then shift to the Flex-box model<\/h4>\n

The box model is good enough to implement web page positioning, however CSS3 has launched the flex-box model that’s even simpler and easier. It\u2019s the future of CSS.<\/p>\n

8. Positioning with CSS<\/h4>\n

While HTML enables you to control the position of elements through tables and the use of non-breaking space, you can\u2019t position things precisely. With CSS, you can place an item on a page with exact X and Y coordinates. This is important for any web developer. Understand CSS positioning before you try creating a layout.<\/p>\n

9. Move to CSS3<\/h4>\n

The majority of development is now done with CSS3 and HTML5. To have a competitive edge in the field, it crucial to have a solid base of CSS3 principles.<\/p>\n

10. Reference only one style sheet in the markup<\/h4>\n

Rather than including x number of style sheet references in each document, only include one and import the rest of the style sheets into one. It\u2019ll be a lot faster while you\u2019re working on a complex task to avoid needless HTTP requests.<\/p>\n

11. Always specify media types<\/h4>\n

Specify media types within the style sheets. Don’t utilize the media feature on link elements or any place in the HTML\u2014but rather specify media types either through @media rules or when importing.<\/p>\n

12. Avoid resetting style sheets<\/h4>\n

Reset style sheets in general have two disadvantages – unnecessary AND redundant code. Reset style sheets that can’t even be customized will introduce both issues and since the majority of styling differences are simple to spot anyway, it’s generally best not to utilize resets at all.<\/p>\n

13. CSS browser compatibility table<\/h4>\n

We all know every browser has different methods for rendering CSS styles. It is best to have a chart for reference, or a list that displays the entire CSS compatibility for each browser.<\/p>\n

\"css<\/p>\n

14. Keep CSS code clean<\/h4>\n

If your CSS code is not clean, you’re going to wind up coding in confusion and having a tough time referencing the previous code. For beginners, religiously make appropriate indentations for commenting effectively.<\/p>\n

15. Learn to use Debugging tools<\/h4>\n

There are a ton of browser-based tools tools which can highlight CSS of the web page<\/a> that debug on the fly as you hover over a specific tag. Here are a few good (and free) CSS debugging tools: DOM Inspector<\/a>, FireFox Web Developer<\/a>, Firebug<\/a> & Internet Explorer Developer Toolbar<\/a>.<\/p>\n

16. Use Shorthand CSS<\/h4>\n

When possible, try to use Shorthand CSS.\u00a0 It offers a quicker way of writing CSS code and most importantly \u2013 it tends to make the code cleaner thus easier to understand.<\/p>\n

17. Typography<\/h4>\n

It is not hard to use clean and simple text on your pages, rather than letting Internet Explorer and Firefox default to the serif-heavy fonts on Linux and Windows. Try adding this to your primary style sheet:<\/p>\n

body<\/p>\n

{<\/p>\n

font-family: Arial;<\/p>\n

font-size: 95%;<\/p>\n

}<\/p>\n

Arial isn\u2019t great, but it\u2019s not too bad either. By clearly setting a font, you pull yourself away from being a victim of the OS\/browser. It\u2019s especially useful when you don\u2019t have spare laptops lying around for testing purposes.<\/p>\n

18. Span and Div tags<\/h4>\n

You can use cascading style sheets on more than just <span> and <div> tags. Ensure that you style every little thing that makes sense in your file. Newbies invest a lot of time attempting to convert their websites to span and divs, when it isn’t necessary. Remember that you can style any tag you have to.<\/p>\n

19. Style the larger elements first<\/h4>\n

Whenever you style a page, have a plan and structure in mind – <html> and <body> and then the greater elements like <p> and so on. In fact, consider giving all your web pages the style of HTML. Then you have a standard palette to work from.<\/p>\n

20. Practice is key<\/h4>\n

The web is filled with free resources that\u2019s available if you look for it. Code samples and tutorials are abundant. Each time you come across an amazing web element that\u2019s visually attractive, have a look at the source and CSS using Inspect Element or Firebug<\/a>.<\/p>\n

So\u00a0there you have it, 20 awesome CSS web design<\/a> tips<\/strong>. Remember to always plan what you would like to achieve before you start and this will make your life easier. It\u2019ll save time in creating websites and the results will be better for you and the user.<\/p>\n

About Navid Tayebi:<\/strong><\/p>\n

Navid Tayebi has considerable experience in digital marketing<\/a> and brand development. He is the founder of Creative Over,<\/a> an Orange County web design<\/a> agency, CA that primarily focuses on providing digital marketing solutions to small- and medium-sized businesses. He is a versatile, organized and self-reliant person. His areas of expertise are refinement and development of marketing goals, promotional activities, pricing strategies and branding. You can find Navid on Twitter<\/a>, Linkedin<\/a>, Google +<\/a> and Facebook<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Since the inception of the internet, CSS and HTML have been tied together in a conjugal bond. While HTML is possibly an easy\u00a0markup language to learn, CSS can be quite a challenge. Nevertheless, achieving the gorgeous layout that boasts a clean look and beautiful backend isn\u2019t out of reach. Like any other craft, it requires […] More<\/a><\/p>\n","protected":false},"author":1,"featured_media":20016,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1053],"tags":[1983,990,1980,1982,1055,989,1460,1171,1981,987,1275],"adace-sponsor":[],"class_list":{"0":"post-20007","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-articles","8":"tag-cascading-style-sheets","9":"tag-css-2","10":"tag-developers","11":"tag-div","12":"tag-fonts","13":"tag-html-2","14":"tag-programming-2","15":"tag-resources-2","16":"tag-span","17":"tag-tips","18":"tag-tutorials-2"},"acf":[],"yoast_head":"\n20 Awesome Must Try CSS Tips for Beginners<\/title>\n<meta name=\"description\" content=\"Here's an awesome list of 20 must try CSS tips for beginners!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Awesome Must Try CSS Tips for Beginners\" \/>\n<meta property=\"og:description\" content=\"Here's an awesome list of 20 must try CSS tips for beginners!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-13T15:18:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-13T09:11:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"520\" \/>\n\t<meta property=\"og:image:height\" content=\"245\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"CrazyLeaf Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CrazyLeaf Editorial\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\"},\"author\":{\"name\":\"CrazyLeaf Editorial\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"headline\":\"20 Awesome Must Try CSS Tips for Beginners\",\"datePublished\":\"2015-08-13T15:18:03+00:00\",\"dateModified\":\"2016-11-13T09:11:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\"},\"wordCount\":1170,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg\",\"keywords\":[\"cascading style sheets\",\"css\",\"developers\",\"div\",\"fonts\",\"html\",\"programming\",\"resources\",\"span\",\"tips\",\"tutorials\"],\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\",\"name\":\"20 Awesome Must Try CSS Tips for Beginners\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg\",\"datePublished\":\"2015-08-13T15:18:03+00:00\",\"dateModified\":\"2016-11-13T09:11:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"description\":\"Here's an awesome list of 20 must try CSS tips for beginners!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg\",\"contentUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg\",\"width\":520,\"height\":245},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"20 Awesome Must Try CSS Tips for Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\",\"name\":\"CrazyLeaf Editorial\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"caption\":\"CrazyLeaf Editorial\"},\"description\":\"Follow us on Twitter @crazyleaf , Facebook , Pinterest\",\"sameAs\":[\"https:\/\/crazyleafdesign.com\/blog\",\"https:\/\/www.facebook.com\/crazyleafdesign\",\"https:\/\/x.com\/crazyleaf\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"20 Awesome Must Try CSS Tips for Beginners","description":"Here's an awesome list of 20 must try CSS tips for beginners!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/","og_locale":"en_US","og_type":"article","og_title":"20 Awesome Must Try CSS Tips for Beginners","og_description":"Here's an awesome list of 20 must try CSS tips for beginners!","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_author":"https:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2015-08-13T15:18:03+00:00","article_modified_time":"2016-11-13T09:11:25+00:00","og_image":[{"width":520,"height":245,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","type":"image\/jpeg"}],"author":"CrazyLeaf Editorial","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"CrazyLeaf Editorial","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/"},"author":{"name":"CrazyLeaf Editorial","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"20 Awesome Must Try CSS Tips for Beginners","datePublished":"2015-08-13T15:18:03+00:00","dateModified":"2016-11-13T09:11:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/"},"wordCount":1170,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","keywords":["cascading style sheets","css","developers","div","fonts","html","programming","resources","span","tips","tutorials"],"articleSection":["Articles"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/","name":"20 Awesome Must Try CSS Tips for Beginners","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","datePublished":"2015-08-13T15:18:03+00:00","dateModified":"2016-11-13T09:11:25+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"Here's an awesome list of 20 must try CSS tips for beginners!","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","width":520,"height":245},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/20-awesome-must-try-css-tips-for-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/articles\/"},{"@type":"ListItem","position":3,"name":"20 Awesome Must Try CSS Tips for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https:\/\/crazyleafdesign.com\/blog","https:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/"}]}},"jetpack_featured_media_url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/08\/art-htmlcss.jpg","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/20007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=20007"}],"version-history":[{"count":2,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/20007\/revisions"}],"predecessor-version":[{"id":23953,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/20007\/revisions\/23953"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/20016"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=20007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=20007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=20007"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=20007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}