SharePointCSS.com – Why?

The short answer is that I grew tired of sorting through my growing list of bookmarks that detailed how to modify, hide, or access the individual page elements in SharePoint using CSS.  I would find great info, use it, then later forget where I found the information.  So I started this site to store all of those little snips for easy access– and allow others to use them too.

Here’s the long answer…

Not too long ago (okay maybe about 10 years) I was coming up fast in the world of SharePoint administration and “development”.  I loved the fact that you could use all of these different apps, webparts, and even the WYSIWYG content editor.  However, there were always things I wished I could change about the appearance, look and feel, and overall branding in SharePoint. Components that didn’t have easy-to-change, GUI-based settings enabling control over the product I was delivering.

I’ve got a background in web development, C#.net & VisualBasic.net, and have even banged out a few sites in wordpress, drupal, and DotNetNuke content management systems.  One thing I never really wrapped my head around was cascading style sheets (CSS)

Here’s some basic information from the AMAZING site w3schools.com

What is CSS?

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files

CSS Solved a Big Problem

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!

 

So, basically, CSS let’s you modify the formatting and style of elements on a page.  Rather than setting attributes like font size, borders and colors for each and every individual element on a page individually, you can change the formatting in the Cascading Style Sheet for all elements that match the tag.

Again, from w3schools.com here’s a quick example of what all of that means:

In the following example all <p> elements will be center-aligned, with a red text color:

p {
    color: red;
    text-align: center;
}

This is only a quick run-down on what CSS is all about and how it works within SharePoint.  If you’re serious about using CSS and knowing just how it can make your life easier, go through the entire tutorial on w3Schools.com.  Even if you just skim it, it’s good to have that foundation of the fundamentals of CSS.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *