Tr Saint ICT Chapter21_Practical (CSS)
Font type {font-family: “Times New Roman”}
Text size {font-size: 16pt}
Aligning text {text-align: center}
Font type h2 {font-family: “Times New Roman”}
‘Bold’ text h2 {text-weight: bold}
‘Underline’ text h2 {text-decoration: underline}
Second choice of font h2 {font-family: “Times New Roman, Verdana”}
Adding generic fonts (either serif or h2 {font-family: “Times New Roman, serif”}
sans-serif)
h2 {font-family: “Calibri, sans-serif”}
Changing black color h2 {color: #000000}
Using classes to set styles. Can be right {text-align: right}
used for many selectors
Comment in HTML - text that is not read by the computer, only for users
Comment in CSS - text that is not /* Enter comment here */
read by the computer, only for users
Color Codes
Color codes have three parts: (RED, GREEN, BLUE)
1
Tr Saint ICT Chapter21_Practical (CSS)
Tables
Table tags format
cell padding table {padding :40px;}
cell spacing Table {spacing: 30px;}
borders table {border-width:3px;}
table {border-color: #000098;}
table {border-style: solid;}
table {background-color: #009499;}
td/th tags
td {font-size: 3;}
td {font-family: Calibri;}
td {color: #000000;}
table { border: 1px solid black;}
dimensions table {width:50px;}
table {height:60px;}
body body {background-repeat: no-repeat;}
body {background-position:
top/left/right/bottom;}
h1 {text-align: left/right/top/bottom;}
All table cells have padding set to 10 pixels td {padding:10px;}
All table elements have the spaces between table {border-spacing:10px;}
the borders set to 10 pixels
Table single border table {border-collapse: collapse}
Table not collapse (double border) table {border-collapse: separate}
Table and gridline are not visible table, td {border-width:0px;}