Lab#12- Diving Further into CSS

Lab 12 was a continuation of the previous two labs just going one step further. This lab required that we include classes and IDs to the CSS format in order to make it more organized and coherent. Adding either a class of ID makes it so a CSS attribute can be made on the tags which have the same class or ID; therefore, you don't have to repeat the same attribute/property multiple times to encompass more than one tag. To add a class or ID all that is needed is to add it into any tag that is desired. An example of this could be <body class="text">. Now to add a class or ID to the CSS document instead of just putting the name of the tag you would put the class or id name. However, for id there must be a # before the id name and for class there must be a period. This mainly serves to differentiate the two. Another difference is that an id can only be used for one tag while a class can be used for multiple tags.
Since the class and id names have to be exactly the same everywhere for it to work it was a little tricky at first, but after becoming accustomed to the process it became simple to use effectively. This lab taught me how to use class and id to not waste my time repeating the same property for different tags. I will for sure use these skills in the future in order to save time and make my CSS files much more organized.

web page with CSS

Comments

Post a Comment

Popular posts from this blog

Lab4-Color Table

Image
The directions for lab 4 was to create a table made up of hues and the corresponding hexadecimal value for the hue. In order to complete this lab a new HTML tag was introduced, the <table> tag which creates a table. however that isn't the only tag necessary to complete the lab we also needed to use the <tr> and <td> tags. tr signified a row on the table and td signified a row in the table; with all three tags we could create and manipulate a table into what we needed. The actual table we created consisted of three columns and twenty rows. The three columns are the color name, hexadecimal value, and the actual hue. Each row had a different hue and the first row is the titles for the columns. We didn't have regular colors, such as red or blue, we had absurd hues that had names you only see on crayons like Dark Magneta and Midnight Blue. Of course we didn't know the hexadecimal value of the hues; therefore we used w3schools to search up the values, it had it
Read more

Lab16: My First JavaScript

Image
This lab was the very first time we implemented JavaScript into our webpages. While we have been practicing JavaScript on code.org, that was the only platform we used. Now for the first time our website have HTML, CSS, and JavaScript. It may not be complex JavaScript, but it is a small step as an introduction. The lab was just create a button that when pressed would change the contents of the paragraph written. We also create a base format for our webpages so wouldn't have to keep repeating the same long process of writing the basic html codes. The button was quite easy to create because all that was needed to be done was to create a button tag inside a script tag. The script tag specifies that whatever inside the tag is pure JavaScript and the button tag is exactly was the name entities, a button. It was small step, but I suppose we will build off these skills until we eventually get into complex JavaScript.
Read more

MLH Local Hack Day 2017

Image
This past Saturday, December 2, Queens College hosted a local hackathon on their campus. As a student currently enrolled in a computer science class it was a great opportunity for me and other classmates to learn and showcase our skills. Walking into the hackathon was a little bit daunting because most if not all the participants were college students except for me and the other people from my class that also attended. However, once the actual event began I didn't feel out of place, on the contrary the people where very nice and welcomed me even though I was very young. The first secession/activity was a sort of free learning hour where we had the freedom of doing whatever we wanted. The organizers gave us a link to the MLH website and there were multiple activities that we were able to do, but they all involved programs that I was unfamiliar with and they all were very complex. Therefore, it was basically an hour of just learning what different programs did and the basic commands
Read more