1. Technologies for web publishing Ing. Václav Freylich Lecture 5

2. aTNPW1-5 Content  CSS – cascading style sheets

3. aTNPW1-5 What is CSS Tool for the website developers Powerful „extension“ of the HTML CSS give us more control over the layout and design of the website than HTML ever did. CSS allow us to develop the website according the XHTML respecting all standards

4. aTNPW1-5 CSS – inline declaration CSS values and properties can be written directly in the HTML code inside the atribute style (availiable in all HTML elements)

5. aTNPW1-5 CSS – external style sheet CSS are usualy defined in the external file Example: mystyle.css External file is linked with HTML document Example:

6. aTNPW1-5 CSS – rule syntax CSS rule consists of selector and list of definitions Example: body { background: white; margin: 0 0 0 0; }

7. aTNPW1-5 CSS –types of selectors Selector types (binding the style rule to the element) 1) element selector CSS p { text-align: right; } HTML Hello world 2) class selector CSS.myclass { text-align: right; } HTML Hello world 3) id selector CSS #myid { text-align: right; } HTML Hello world