Week 9 — CSS Tricks

Links and States

For this peer-learning presentation my team explained what links and states are in regards to CSS. We used slides to present the information then we used thimble to allow the class to interact and practise the techniques. We created a demo of a website which had the code next to it, so they could change parts of it such as colours and images. The last thing we did was made a quick questionnaire on Kahoot to question everyone on what they have learned. Out of all the other peer-learning presentations I have done I would say that this was the most engaging one I have shown. This is because before I have always used google slides due to how easy it is to share with other team mates, but theres not much you can do with this programme as its quite plain. However using this variety of programmes makes it a lot more engaging to watch and a lot more interactive. Im going to explain about what we presented.


A piece of hypertext that links to another location which it activated by a user when clicked on. They typically will look like this: http://www.rave.ac.uk


A state is the sort of form that a hyperlink can be in. There are four main ones. One of these is a:active which is the link the moment it is clicked on and redirecting the user. In the example below before the link is clicked it is blue and purple. Then as it is being clicked you can see that it is pink as it is ‘active’.

a:link: a ordinary link before it is clicked on and visited. Same thing as a hyperlink.

a:hover: this is a link when a users mouse is hovering over a link.

a:visited: this is a link the user has already visited. This will normally be identified by being purple in colour.