Google prefers CSS primarily because it permits smaller file sizes, user’s superior page structure/layout control and option to hide some content from browsers but still get selected by Google
CSS permits smaller file sizes
100kb is the recommended upper limit for page sizes in the World Wide Web by search engines, including Google. CSS layouts have less code amount than HTML pages therefore, the former having smaller file sizes.
CSS permits the user superior page structure/layout control
With CSS, one can still use HTML standards but still produce great results with regards to the page appearance. Google favors well structured pages. Most designers assume that following standards may produce plain unattractive pages. CSS allows you to make attractive pages with distinct stylishness but still following the findability standards.
CSS permits website makers to hide some content from browsers but still get selected by Google
Web designers have a choice to hide contents from certain browsers in some circumstances. There may be some content that web designers desire to be only shown in print and not on screen. Google will still consider the hidden content in search results.
CSS Positioning Properties
The CSS positioning properties permits you the alignment of an element. It ma be on the left, right, top, and bottom. The shape can also be determined by these properties. You can do this by placing a component (like an image) over or behind another. You will indicate the result when the component is too large for the area.
- Bottom – establishes the distance of the bottom edge of an element from a parent element
- Clip – determines the shape
- Left – establishes the distance to the left of an element from the parent element
- Overflow – establishes the result when an element overflow occurs
- Position – lays an element in a fixed or relative position
- Right – establishes the distance to right of an element from the parent element
- Top – establishes the distance from the top edge of an element from a parent element
- Vertical align – determines its vertical alignment
- Z-index – determines the pile order of the elements
Fancy Paragraphs with CSS
Admit it; whenever you see a long page of text, it just screams boredom from your screen. You wouldn’t want this to happen to your website visitors, right? Good thing you could do tricks using CSS to divide the pages. Don’t fret because the code will be inputted once, you could always use it again for your other pages.
There are three things to keep in mind about this, Margins, Paddings and Borders
The margins set the space outside border, the padding, on the other hand controls the distance between the border and the content. Separately, you could manage the margin, padding and border by using these properties. Also take note that old browsers may not read these properties.
- padding-top
- padding-bottom
- padding-left
- padding-right
- margin-top
- margin-bottom
- margin-left
- margin-right
- border-top
- border-bottom
- border-left
- border-right
The thickness is measured by pixels, Example 30 pixels can be written as 30px. The color code is determined by RGB Values.
This article is the property of http://www.elegant-templates.com
Copying and publishing any article from our site is strictly NOT allowed. |
