Skip to content

Instantly share code, notes, and snippets.

kdipietro

Block or report user

Report or block kdipietro

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@kdipietro
kdipietro / index.html
Created Apr 7, 2013
A CodePen by kdipietro. Linking Your HTML to CSS - In this snippet, we see how to link our stylesheet.css files to our HTML file.
View index.html
<!DOCTYPE HTML>
<HTML>
<Head>
<Title>Linking Your CSS Stylesheet</Title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</Head>
<!-- ABOVE IS AN EXAMPLE OF THE SYNTAX YOU NEED TO LINK TO A CSS FILE. BELOW IS A DESCRIPTION OF THE ATTRIBUTES WITHIN THE TAG. --->
@kdipietro
kdipietro / index.html
Created Apr 7, 2013
A CodePen by kdipietro. Linking Your HTML to CSS - In this snippet, we see how to link our stylesheet.css files to our HTML file.
View index.html
<!DOCTYPE HTML>
<HTML>
<Head>
<Title>Linking Your CSS Stylesheet</Title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</Head>
<!-- ABOVE IS AN EXAMPLE OF THE SYNTAX YOU NEED TO LINK TO A CSS FILE. BELOW IS A DESCRIPTION OF THE ATTRIBUTES WITHIN THE TAG. --->
@kdipietro
kdipietro / index.html
Created Apr 7, 2013
A CodePen by kdipietro.
View index.html
<body>
<div id="csstest">
This text should modified by CSS.
</div>
And this text should not.
</body>
@kdipietro
kdipietro / index.html
Last active Dec 15, 2015
A CodePen by kdipietro. Linking Your HTML to CSS - In this snippet, we see how to link our stylesheet.css files to our HTML file.
View index.html
<!DOCTYPE HTML>
<HTML>
<Head>
<Title>Linking Your CSS Stylesheet</Title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</Head>
<!-- ABOVE IS AN EXAMPLE OF THE SYNTAX YOU NEED TO LINK TO A CSS FILE. BELOW IS A DESCRIPTION OF THE ATTRIBUTES WITHIN THE TAG. --->
@kdipietro
kdipietro / index.html
Created Apr 7, 2013
A CodePen by kdipietro. CSS "selector" Demo. - A quick demonstration of different types of selectors and how to call them from your HTML file.
View index.html
<body>
<div>
<p1>Here we can see that the body tag calls to the body selector in the CSS sheet. This makes our background black on the entire page</p1>
<p1>Here we can see that the custom made p1 tag calls to the p1 selector in the CSS sheet. This makes our font light grey in color, and in Futura.</p1>
<p1>We can see that the paragraphs within this div container are not affected because there is no ID attribute in the opening div tag, thus it is not applying any styling properties. In this case the div tags do not even need to be here.</p1>
</div>
@kdipietro
kdipietro / index.html
Created Apr 7, 2013
A CodePen by kdipietro. CSS "selector" Demo. - A quick demonstration of different types of selectors and how to call them from your HTML file.
View index.html
<head>
<title>CSS Selector Demo</title>
</head>
<body>
<div>
<p1>Here we can see that the body tag calls to the body selector in the CSS sheet. This makes our background black on the entire page</p1>
<p1>Here we can see that the custom made p1 tag calls to the p1 selector in the CSS sheet. This makes our font light grey in color, and in Futura.</p1>
@kdipietro
kdipietro / index.html
Created Apr 14, 2013
A CodePen by kdipietro. CSS Backgrounds Example
View index.html
<!--YOU MAY ADJUST THE CODE FOR YOUR OWN TINKERING KNOWLEDGE, BUT DO NOT CLICK SAVE! -->
<body>
<h1>CSS Backgrounds</h1>
<p id="p1">This is an example of background image positioning with CSS.</p>
<p id="p1">What we have done here is linked to a background image from an image hosting site, and told the webpage how to position the image.</p>
<p id="p1">Notice that as we scroll down, the background image stays fixed in position, because of the "background-attachment" attribute.</p>
<p>.</p>
<p>.</p>
<p>.</p>
<p>.</p>
You can’t perform that action at this time.