CSS = Cascading Style Sheets
purpose of a style sheet¶
keep contents and presentation separate
allow to adapt same contents
to different media
to differents tastes (themes)
generally written by people with different background and sensibility
engineers vs designers
what can be styled ?¶
short answer : virtually everything
let’s start with the obvious
text properties¶
font-family: e.g. Timesfont-size: e.g. 12pxfont-weight: e.g. boldfont-style: e.g. italictext-decoration: e.g. underline… and a whole many more

how to inspect an element’s properties

you can also filter the list of properties
first example¶
we create a hyperlink to google
we attach a CSS fragment to change its appearance
warning this changes all the
<a>elements on that page
what with target thing ?
target thing ?here we also set target="_" so that the link opens in another tab (or window) - instead of replacing the current page !
vocabulary: properties¶
the names that appear on the left hand side of the
:colon
likecolor,font-family, …are called properties
also listed in the
Elementstab of the devel tools, in theComputedpanenote that not all properties are relevant on all elements
recap vocabulary on HTML
recap vocabulary on CSS
how to locally override properties¶
to do that you need to go in this area of the Devel Tools
