Allow Googlebot Access To Javascript And CSS For Optimal Rankings

You may remember an announcement made by Google several months ago that its indexing system now renders web pages more like a typical web browser.

As a direct follow up to that change, Google has just announced an update to one of its technical Webmaster Guidelines. The update specifies that, for optimal rendering and indexing, you should allow Googlebot access to the JavaScript, CSS, and image files used by your page.

Google warns against using robots.txt to disallow the crawling of Javascript or CSS files, saying that it directly harms how well Google’s algorithms render and index site content. This can result in “suboptimal rankings” the company says.

Read More: https://www.searchenginejournal.com/allow-googlebot-access-javascript-css-optimal-rankings/119113/

Author: Matt Southern

CSS3 box-shadow

 The box-shadow property attaches one or more shadows to an element. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword. Omitted lengths are 0.

div {
    box-shadow: 10px 10px 5px #888888;
}

CSS 3 background size

div {
    background: url(img.jpg);
    background-size: 90px 20px;
    background-repeat: no-repeat;
}

CSS 3 background-repeat Property

body {
    background-image: url("paper.gif");
    background-repeat: repeat-y;
}


body {
    background-image: url("paper.gif");
    background-repeat: repeat-x;
}

CSS 3 Syntax Property Values

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position&preval=50%25%2050%25

body {
    background-image: url('smiley.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 30% 20%;
}

CSS 3 background Property

body {
    background: #00ff00 url("smiley.gif") no-repeat fixed center;
}