{"id":1709,"date":"2017-11-03T11:11:10","date_gmt":"2017-11-03T11:11:10","guid":{"rendered":"http:\/\/www.sanjaywebdesigner.com\/articles\/?p=1709"},"modified":"2017-11-03T11:11:10","modified_gmt":"2017-11-03T11:11:10","slug":"10-important-css-tips-fresh-web-designers","status":"publish","type":"post","link":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/","title":{"rendered":"10 Important CSS Tips for Fresh Web Designers"},"content":{"rendered":"<div class=\"4b5c905834746893f548144bd2becc18\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- blog last -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:336px;height:280px\"\r\n     data-ad-client=\"ca-pub-8831529092902674\"\r\n     data-ad-slot=\"8814291746\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<h1><strong>10 Important CSS Tips for Fresh Web Designers<\/strong><\/h1>\n<p>While making a website if you are interested in picking up CSS to create your own website, or only to tweak your blog\u2019s look and feel a little \u2013 it\u2019s always good to start with the basics to gain a stronger foundation. Let\u2019s take a look at <strong>10 Important CSS Tips for Fresh Web Designers\u00a0<\/strong>we thought might be useful for\u00a0<em>beginners<\/em>.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1711\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\" alt=\"10 Important CSS Tips for Fresh Web Designers\" width=\"800\" height=\"500\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg 800w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers-300x188.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers-768x480.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers-660x413.jpg 660w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<ol>\n<li>\n<h2><strong> Usage Shorthand CSS<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>Shorthand CSS offers you a much shorter method of creating your CSS codes, and crucial of all&#8211; it makes the code clearner and also much easier to recognize.<\/p>\n<p>Instead of developing CSS such as this<\/p>\n<div class=\"line number1 index0 alt2\"><code class=\"css plain\">header {<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">background-color<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">#fff<\/code><code class=\"css plain\">;<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">background-image<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">url<\/code><code class=\"css plain\">(image.gif);<\/code><\/div>\n<div class=\"line number4 index3 alt1\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">background-repeat<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">no-repeat<\/code><code class=\"css plain\">;<\/code><\/div>\n<div class=\"line number5 index4 alt2\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">background-position<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">top<\/code> <code class=\"css value\">left<\/code><code class=\"css plain\">; <\/code><\/div>\n<div class=\"line number6 index5 alt1\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css plain\">}<\/code><\/div>\n<p>It can be short-handed into the following:<\/p>\n<div class=\"line number1 index0 alt2\"><code class=\"css plain\">.header {<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">background<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">#fff<\/code> <code class=\"css value\">url<\/code><code class=\"css plain\">(image.gif) <\/code><code class=\"css value\">no-repeat<\/code> <code class=\"css value\">top<\/code> <code class=\"css value\">left<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css plain\">}<\/code><\/div>\n<div><\/div>\n<ol start=\"2\">\n<li>\n<h2><strong> Know the Difference between <\/strong><em>Class<\/em><strong> and <\/strong><em>ID<\/em>.<\/h2>\n<\/li>\n<\/ol>\n<p>These two selectors commonly perplex beginners. In CSS, class is represented by a dot &#8220;.&#8221; while id is a hash &#8216;#&#8221;. In a nutshell id is made use of on style that is one-of-a-kind as well as do not duplicate itself, course on the other side, can be re-use.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"3\">\n<li>\n<h2><strong> Power of <\/strong><em>&lt;li&gt;<\/em><\/h2>\n<\/li>\n<\/ol>\n<p>&lt;li&gt; a.k.a web link listing, is very useful when they are use appropriately with &lt;ol&gt; or &lt;ul&gt;, particulary to design a navigating menu.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"4\">\n<li>\n<h2><strong> Forget <\/strong><em>&lt;table<\/em><strong>&gt;, attempt <\/strong><em>&lt;div&gt;<\/em><\/h2>\n<\/li>\n<\/ol>\n<p>One of the greatest benefit of CSS is the use of <em>&lt;div&gt;<\/em> to achieve overall versatility in regards to styling. <em>&lt;div&gt;<\/em> differ from <em>&lt;table&gt;<\/em>, where contents are &#8216;secured&#8217; within a <em>&lt;td&gt;<\/em>&#8216;s cell. It&#8217;s safe to say most <em>&lt;table&gt;<\/em> designs are possible with the use of &lt;div&gt; and correct designing, well maybe except large tabular contents.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"5\">\n<li>\n<h2><strong> CSS Debugging Tools.<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>It&#8217;s always great to get instant sneak peek of the layout while tweaking the CSS, it aids comprehending and debugging CSS designs much better. Here are some free CSS debugging tools you can install on your web browser: FireFox Internet Developer, DOM Assessor, Internet Traveler Designer Toolbar, and Firebug.<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"6\">\n<li>\n<h2><strong> Know About <\/strong><em>!important<\/em><strong>.<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>Any kind of style noted with! Vital will certainly be taken right into use regardlessly if there&#8217;s a overwriting guideline listed below it.<\/p>\n<p><strong>background-color: blue! essential; background-color: red;<\/strong><\/p>\n<p>In the example over, background-color: blue will be adjusted since it&#8217;s noted with! crucial, also when there&#8217;s a background-color: red; listed below it.! important is utilized in scenario where you want to compel a style without something overwriting it, nevertheless it could not work in Internet Traveler.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"7\">\n<li>\n<h2><strong> Replace Text with Image.<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>This is commonly practice to replace &lt;h1&gt;title&lt;\/h1&gt; from a text based title to an image. Below&#8217;s just how you do it.<\/p>\n<p>&nbsp;<\/p>\n<p>Explanation<strong><em>: text-indent: -9999 px;<\/em><\/strong> tosses your text title off screen, changed by an image declared by <strong><em>background :{\u00a0 &#8230;}.<\/em><\/strong> With a dealt with <strong><em>width<\/em><\/strong> and <strong><em>height<\/em><\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"8\">\n<li>\n<h2><strong> Understand CSS Positioning.<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>The following short article gives you a clear understanding being used CSS positioning&#8211; placement:<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"9\">\n<li>\n<h2><strong> CSS <\/strong><em>@import<\/em><strong> vs <\/strong><em>&lt;link&gt;<\/em><\/h2>\n<\/li>\n<\/ol>\n<p>There are 2 means to call an exterior CSS data&#8211; specifically making use of @importand &lt;link&gt;. If you doubt which method to make use of, below&#8217;s couple of posts in order to help you make a decision.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"10\">\n<li>\n<h2><strong> Designing FORMS in CSS.<\/strong><\/h2>\n<\/li>\n<\/ol>\n<p>Web types can be quickly style and tailor with CSS. These complying with posts reveal you how:.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/select.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1710\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/select.jpg\" alt=\"10 Important CSS Tips for Fresh Web Designers\" width=\"420\" height=\"200\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/select.jpg 420w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/select-300x143.jpg 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/a><\/p>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>10 Important CSS Tips for Fresh Web Designers While making a website if you are interested in picking up CSS to create your own website, or only to tweak your blog\u2019s look and feel a little \u2013 it\u2019s always good to start with the basics to gain a stronger foundation. Let\u2019s take a look at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1711,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,11],"tags":[862],"class_list":["post-1709","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3-courses-in-delhi","category-web-design-courses-in-delhi","tag-10-important-css-tips-for-fresh-web-designers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer<\/title>\n<meta name=\"description\" content=\"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing\" \/>\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.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer\" \/>\n<meta property=\"og:description\" content=\"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Sanjay Web Designer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sanjaywebdesigner\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sanjay73jain\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-03T11:11:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sanjay Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/sanjaywebdesign\" \/>\n<meta name=\"twitter:site\" content=\"@sanjaywebdesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanjay Jain\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\"},\"author\":{\"name\":\"Sanjay Jain\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\"},\"headline\":\"10 Important CSS Tips for Fresh Web Designers\",\"datePublished\":\"2017-11-03T11:11:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\"},\"wordCount\":566,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\",\"keywords\":[\"10 Important CSS Tips for Fresh Web Designers\"],\"articleSection\":[\"HTML5 &amp; CSS3\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\",\"name\":\"10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\",\"datePublished\":\"2017-11-03T11:11:10+00:00\",\"description\":\"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg\",\"width\":800,\"height\":500,\"caption\":\"10 Important CSS Tips for Fresh Web Designers\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"name\":\"Sanjay Web Designer\",\"description\":\"Learn Web Designing &amp; Graphic Designing in Depth\",\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\",\"name\":\"Sanjay Web Designer\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"width\":240,\"height\":72,\"caption\":\"Sanjay Web Designer\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sanjaywebdesigner\",\"https:\/\/x.com\/sanjaywebdesign\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\",\"name\":\"Sanjay Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"caption\":\"Sanjay Jain\"},\"description\":\"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.\",\"sameAs\":[\"http:\/\/www.sanjaywebdesigner.com\",\"https:\/\/www.facebook.com\/sanjay73jain\",\"http:\/\/www.linkedin.com\/company\/sanjay-web-designer\",\"https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign\",\"https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw\",\"http:\/\/sanjaywebdesigner.tumblr.com\/\"],\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer","description":"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing","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.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/","og_locale":"en_US","og_type":"article","og_title":"10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer","og_description":"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing","og_url":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/","og_site_name":"Sanjay Web Designer","article_publisher":"https:\/\/www.facebook.com\/sanjaywebdesigner","article_author":"https:\/\/www.facebook.com\/sanjay73jain","article_published_time":"2017-11-03T11:11:10+00:00","og_image":[{"width":800,"height":500,"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg","type":"image\/jpeg"}],"author":"Sanjay Jain","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/sanjaywebdesign","twitter_site":"@sanjaywebdesign","twitter_misc":{"Written by":"Sanjay Jain","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#article","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/"},"author":{"name":"Sanjay Jain","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41"},"headline":"10 Important CSS Tips for Fresh Web Designers","datePublished":"2017-11-03T11:11:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/"},"wordCount":566,"commentCount":0,"publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg","keywords":["10 Important CSS Tips for Fresh Web Designers"],"articleSection":["HTML5 &amp; CSS3","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/","name":"10 Important CSS Tips for Fresh Web Designers - Sanjay Web Designer","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg","datePublished":"2017-11-03T11:11:10+00:00","description":"10 Important CSS Tips for Fresh Web Designers. it\u2019s always good to gain a strong knowledge on basics, these tips will help you in website designing","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/10-important-css-tips-fresh-web-designers\/#primaryimage","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/11\/10-Important-CSS-Tips-for-Fresh-Web-Designers.jpg","width":800,"height":500,"caption":"10 Important CSS Tips for Fresh Web Designers"},{"@type":"WebSite","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","name":"Sanjay Web Designer","description":"Learn Web Designing &amp; Graphic Designing in Depth","publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization","name":"Sanjay Web Designer","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","width":240,"height":72,"caption":"Sanjay Web Designer"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sanjaywebdesigner","https:\/\/x.com\/sanjaywebdesign"]},{"@type":"Person","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41","name":"Sanjay Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","caption":"Sanjay Jain"},"description":"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.","sameAs":["http:\/\/www.sanjaywebdesigner.com","https:\/\/www.facebook.com\/sanjay73jain","http:\/\/www.linkedin.com\/company\/sanjay-web-designer","https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign","https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw","http:\/\/sanjaywebdesigner.tumblr.com\/"],"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/1709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/comments?post=1709"}],"version-history":[{"count":0,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/1709\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media\/1711"}],"wp:attachment":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media?parent=1709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/categories?post=1709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/tags?post=1709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}