rhatano

1 follower · 0 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

rhatano / Box Model Ques

Created April 8, 2012 21:47

Box Model Ques

	<div id="box">
	<h1>Heading</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac mi tellus, at ornare risus. Donec at diam id purus eleifend
	congue.</p>
	</div>

rhatano / Composing Selector

Created April 8, 2012 21:43

Composing Selector

	<p class="pink">This paragraph will be pink</p>
	<p> This paragraph will not be pink</p>
	<h1 class="pink">This heading will be pink</h1>

rhatano / CSS question 7

Created April 8, 2012 02:49

CSS question 7

<p><span class="red">Hello</span>there test taker !</p>

rhatano / CSS question 5

Created April 8, 2012 02:30

CSS question 5

<h1 id="pink">Pink Heading</h1>

rhatano / The display property

Created April 7, 2012 23:18

The display property

	Using the property 'display' there are two values that can be associated with it.

	The first property is inline, the elements affected by it are displayed inline follow the flow of a line.
	The second property is block, which separated the elements affected by it by a line break.

	This is useful to override the way that HTML displays itself by default; for example, look at the <h1> tag.
	Every instance of the h1 tag, or any header tag, is immediately followed by a line break.

	However if I used the following CSS:

rhatano / id selector 1

Created April 7, 2012 23:10

id selector 1

	You can also compose id selectors and html selectors.

	For any id value "id" and any html tag "tag"

	#id tag {
	[some CSS]
	}

	Only the tag instance with the id value "id" will be styled under the properties in [some CSS].

rhatano / class selector 1

Created April 7, 2012 23:04

class selector 1

	For any html tag "tag"
	and for any class value "class"

	tag.class {
	[some CSS]
	}

	That snippet of CSS will style each element with both tag type "tag" and the class value "class".

rhatano / gist:2332712

Created April 7, 2012 23:02

	Well to do that, you simply combine the two types of selectors.

	Say you had some HTML like this;

	<h1>Example</h1>
	<h1 class="first">This is my first heading</h1>
	<p class="first"> This is my first paragraph</p>
	<h2 class="second">This is my second heading</h2>
	<p class="second"> This is my second paragraph</p>

rhatano / Class Selector CSS 1

Created April 7, 2012 22:52

Class Selector CSS 1

	.big {
	font-size:2em;
	}

rhatano / Class selector HTML

Created April 7, 2012 22:51

Class selector HTML

	<body>
	<h1 class="big">Heading</h1>
	<p class="big">lorem ipsum dolor sit amet</p>
	<p>Second Paragraph</p>
	<ul>
	<ol class="big">This is a list</ol>
	</ul>
	</body>

NewerOlder