XHTML/ CSS - ID's

Once again, there is another way to style elements on a webpage. Using the <div> tags we may want to position/ style multiple elements. But how do we do that using one tag. It would seem to move all the elements within the div tag. ID's help us do this without confusion.

<style>

#myHeader {
    background-color: lightblue;
    color: black;
    padding: 40px;
    text-align: center:
 }










#Paragraph {

 background-color: lightblue;
    color: black;
    padding: 40px;
}
 .city {
    background-color: tomato;
    color: white;
    padding: 10px;} </style>

<!-- A unique element -->
<h1 id="myHeader">My Cities</h1>

<!-- Multiple similar elements -->
<h2 id="paragraph">London</h2>
<p>London is the capital of England.</p>

<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>

<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>

If you have more than one <div> element you can create multiple hashtag ID properties in order to style them individually. 

https://www.youtube.com/watch?v=veKHw125UJs&index=23&list=PLC1322B5A0180C946

Comments

Post a Comment

Popular posts from this blog

Pyhton 3.4 - Continue

Continue keeps the loop going. It allows you loop to do whatever else it wants to do outside of that statement. https://www.youtube.com/watch?v=68EhtQbgXRc Lakers_jerseys_taken = [ 8 , 24 , 32 , 34 ] print ( 'These are the jersey \' s still available:' ) for number in range ( 101 ): if number in Lakers_jerseys_taken: print ( 'You must be crazy' ) continue print (number)
Read more

Conversations Ongoing: Valuing Modernization in Early European History

Western scholarship has been known to focus on several metanarratives that define itself. These narratives can influence how we as historians view a certain time period, people, or event. Modernization in early European history can be seen as a major driving force in past and current scholarship. Influences of scientific progress, a fracturing Catholic Church, and growing capitalistic influences dominate the ideas scholars possess when viewing Europe during this time period. In regard to our own ideas about the narrative of modernization, its benefits and costs, one should be cognizant of this in viewing the social, economic, political and religious changes early "modern" Europeans faced.
Read more

Conversations Ongoing: A Bunch of Amateurs

Image
Jack Hitt's a Bunch of Amateurs To analyze the American character one must take into account the narratives of our country, specifically the three metanarratives that it is based on. In Hitt's analysis of our national character he finds an endless list of examples stretching back to our early Vaudevillian days of americans striking out, trying to get-rich-quick, seemingly fearless in the face of overwhelming odds. I believe that piggy-backing onto the narratives of scientific progress, manifest destiny, and modernization one can easily get caught up in them. Cherry-picking evidence of those who have succeeded, painting a picture of our collective desire to innovate is troublesome. Simply put, I can create the opposite narrative quite easily. Many people in the USA have little to no interest in innovation, modernization, or the like. Quite the opposite. This place is much more than a collective bunch of amateurs but rather it includes them into the fold o...
Read more