HTML & CSS
In todays workshop we went over HTML and CSS. How to insert CSS styles into a HTML code, when doing this the program called ‘Brackets’ was used. The first thing that was needed was to link in the CSS stylesheet so the HTML code knew where to retrieve its CSS stylesheets from (in what folder on the computer), this was done by inserting the following code.
Secondly classes had to be created, this is where section of the text could be edited, this could have been the entire text (where .container is used) or a specific section. Here CCS coding for width of each text box could be inserted along with background colour and border information could be inserted.
When the site is launched this is what the above code creates.
Within the CSS coding padding is also added, this is the space around the box.
Additionally I was able to selection a box I had added a .special-box tag to. This meant I was able to simply edit this box and no others would be effected, this would be useful within a website as it could highlight important text or make the page appear more interesting to an audience. Here I have changed the background colour of the central box.
Additionally with research I discovered how to use the ‘hover’ code where by audiences hovering over a section of text or box the something would change, this could be anything from font size changing however I chose to change the box background colour when this happened. This is displayed below.