3. GWAHANIAETH RHWNG HTML A CSS
Strwythur y tudalen:
Ble i gael llinellau newydd <br>
Ble i gael penawdau <h1>
Steil y tudalen:
Pa liw dylai’r testun a chefndir
bod
Pa ffont i ddefnyddio am
benawdau
4. BLE YDYM YN YSGRIFENNU
CSS?
<!DOCTYPE html>
<title> Tudalen Enghreifftiol </title>
<style>
</style>
<h1> Pennawd 1 <h1>
5. BETH YW CSS?
Ysgrifennu cyfres o reolau i reoli sut mae’r
tudalen gwe yn edrych (steil y tudalen).
Enghreifftiau:
• Yn yr holl dudalen, rwyf eisiau i’r cefndir fod yn
ddu
• Yn y pennawd h1, rwyf eisiau i faint y testun fod
yn 20px
6. SUT I YSGRIFENNU RHEOLAU
Detholydd {
Enghraifft : Yn benawdau h1, rwyf eisiau i’r cefndir bod yn
felyn
h1 {
background-color: Yellow;
}
Enw’r briodwedd: Gwerth y briodwedd;
}
7. CREU MWY O REOLAU CSS
<!DOCTYPE html>
<title> Tudalen Enghreifftiol </title>
<style>
html {
background-color: blue;
color: white;
}
h1 {
background-color: Yellow;
font-size: 20px;
color: red;
}
p {
font-size: 10px;
font-family: arial,sans-serif;
color: darkRed;
</style>
<h1> Pennawd 1 <h1>
<p> cynnwys y tudalen…
Rheolau’r holl ddogfen
Rheolau am bennawd
h1
Rheolau am
paragraffau
9. DIWEDDARU: DOGFEN DIFFINIADAU
Tag HTML Egluro pwrpas y tag
<title> Er mwyn gosod teitl addas sy’n arddangos ar y ffenestr porwr
(browser window).
<br> Er mwyn cychwyn llinell newydd o destun wrth ysgrifennu cynnwys
gwefan.
<p> …
… …
… …
… …
10. AMCANION DYSGU
Dysgu y gwahaniaeth rhwng HTML a CSS
Dysgu sut i creu dalen steil CSS
