CSS

1. CSS Home 2. CSS Introduction 3. CSS Versions 4. CSS Extension 5. Adv.& Disadv of CSS 6. HTML v/s CSS 7. CSS Syntax 8. CSS Selector 9. Inserting CSS file 10. Class 11. ID 12. Div 13. Font 14. Font-size 15. Font-weight 16. Font-style 17. Font-variant 18. Text 19. Text-color 20. Text-decoration 21. Text-transform 22. Text-indent 23. CSS Color 24. Web Safe Color 25. Background-image 26. Background-repeat 27. Background-position 28. Background-attachment 29. Background-size 30. Background-origin 31. CSS Box Model 32. Padding 33. Padding-top 34. Padding-right 35. Padding-bottom 36. Padding-left 37. Margin 38. Margin-top 39. Margin-right 40. Margin-bottom 41. Margin-left 42. Margin Demonstration 43. Border 44. Border-style 45. Different Border-style 46. Border-width 47. Different Border-width 48. Border-color 49. Border-radius 50. Border-collapse 51. Border-spacing 52. Border-image 53. Border-bottom 54. Border-bottom-style 55. Border-bottom-width 56. Border-bottom-color 57. Border-bottom-left-radius 58. Border-bottom-right-radius 59. Border-top 60. Border-top-style 61. Border-top-width 62. Border-top-color 63. Border-top-left-radius 64. Border-top-right-radius 65. Border-right 66. Border-right-style 67. Border-right-width 68. Border-right-color 69. Border-left 70. Border-left-style 71. Border-left-width 72. Border-left-color 73. Ex.Padding,Border,Margin 74. List Style 75. List Style-type 76. List Style-position 77. List Style-image 78. Dimension Properties 79. Width 80. Max-width 81. Min-width 82. Height 83. Max-height 84. Min-height 85. Grouping Selector 86. Nesting Selector 87. Floating 88. Position 89. Pseudo Element 90. First-letter Pseudo 91. First-line-Pseudo 92. Before & After Pseudo 93. Pseudo-class Selector 94. tag 95. Image Gallery 96. Scrollbars 97. Display Property 98. Cursor Property 99. Caption-side Property 100. Transform Property 101. Interview Question and Answer part 1 102. Interview Question and Answer part 2 103. Interview Question and Answer part 3 104. Interview Question and Answer part 4 105. Interview Question and Answer part 5 106. Interview Question and Answer part 6 107. Interview Question and Answer part 7 108. Interview Question and Answer part 8
Pr.Pg Next Pg

Advantages and Disadvantages of CSS tutorials

Advantages of CSS are such as:

  • CSS saves time: When you use CSS, you only have to specify details and changes for any elements only once. CSS will automatically apply changes to specified styles whenever that element is used.

  • Easy to change the style: CSS makes it very easy to change the style of a document. For example, we wanted to move the picture in the title of this page to the right by 20 pixels. This would be a nightmare in a table based design. We would have to open every page and alter the table width manually. Fortunately we have used CSS, and all we have to do is open our CSS file which stores the layout of the site, and change the number relating to the position of the image. That will change his position throughout the whole site.

  • Improved Search Engine Results: With use of CSS, you can keep your HTML code much cleaner. As a result search engine bots do not have to separate the real content from the junk code. You are also free to put any content anywhere in your document with CSS. This will aid the search engine crawlers to identify the important content first.

  • Sites Load Faster: As the style sheets are lighter, it will enable the websites to load faster. Since table layouts are no longer required in CSS, the sites take up less memory and load faster. The users will find it easier to view a site designed using CSS as it will load in a fast pace and can be swiftly navigated from one page to other.

  • Consistency: Layout and position of navigation can be completely consistent across a site. This was previously possible only using frames.

 

Disadvantages of CSS are such as:

  • Inconsistent Browser Support: CSS does not work consistently in different browsers. Some browser developers decide to come up with their own proprietary tags. Microsoft Internet Explorer and Opera support CSS as different way. Unfortunately their logic does not conform to current CSS standards.

  • Lack of Variables: CSS contain no variables. This makes it necessary to do a "replace-all" when one desires to change a fundamental constant, such as color scheme or various heights and widths.

  • Lack of column declaration: While possible in current CSS 3 (using the column-count module), layouts with multiple columns can be complex to implement in CSS 2.1. With CSS 2.1, the process is often done using floating elements, which are often rendered differently by different browsers, different computer screen shapes, and different screen ratios set on standard monitors.

 

Pr.Pg Next Pg