CSS CSS HTML selector styleproperty value selector styleproperty

  • Slides: 22
Download presentation

โครงสรางคำสง CSS การเขยน CSS ในเอกสาร HTML ของเราเลย <selector style="property: value"> <selector style="property 1: value

โครงสรางคำสง CSS การเขยน CSS ในเอกสาร HTML ของเราเลย <selector style="property: value"> <selector style="property 1: value 1; property 2: value 2"> 2 1 Selector ������ HTML element/tag �������������� Property ��������������� ������� Value ������������ <body style="background-color: blue"> ������� ������� <h 3 style="color: green; font-family: sans-serif"> 1 2

1. ������ Font-size <selector style="font-size: 200%"> <selector style="font-size: 20 px">

1. ������ Font-size <selector style="font-size: 200%"> <selector style="font-size: 20 px">

2. ������ Text-align <selector style="text-align: center"> <selector style="text-align: left"> <selector style="text-align: right"> text-align รปแบบ

2. ������ Text-align <selector style="text-align: center"> <selector style="text-align: left"> <selector style="text-align: right"> text-align รปแบบ การจดขอค วาม left center right

3. �� ���� Color <selector style="color: pink"> <selector style="color: #FF 0000"> <selector style="color: rgb

3. �� ���� Color <selector style="color: pink"> <selector style="color: #FF 0000"> <selector style="color: rgb 0 59 122"> ����� �� 3 ������ 1. ��������� 2. �������� Hexadecimal 3. �������� RGB ������� http: //www. coolplaa. com/css 3_6. html

5. �������� Font-family style="font-family: ���� Font " ���� style="font-family: Font. Nongnam"

5. �������� Font-family style="font-family: ���� Font " ���� style="font-family: Font. Nongnam"

background-repeat style="background-image: url(image/dog. jpg); background-repeat: repeat-y” repeat-x : ������� repeat-y : ������� no-repeat :

background-repeat style="background-image: url(image/dog. jpg); background-repeat: repeat-y” repeat-x : ������� repeat-y : ������� no-repeat : ������ repeat-x repeat-y no-repeat

��������� ������ background-color style="background-image: url(image/dog. jpg); background-repeat: repeat-x; background-color: pink”

��������� ������ background-color style="background-image: url(image/dog. jpg); background-repeat: repeat-x; background-color: pink”

background-attachment style="background-image: url(image/dog. jpg); background-attachment: fixed” ���� ��� scroll bar ����

background-attachment style="background-image: url(image/dog. jpg); background-attachment: fixed” ���� ��� scroll bar ����

background-position style="background-image: url(image/dog. jpg); background-position: right center” background-position: right center background-position: 50% background-position: 20

background-position style="background-image: url(image/dog. jpg); background-position: right center” background-position: right center background-position: 50% background-position: 20 px 40 px

3. ����� background color style="backgroundcolor: ������ "

3. ����� background color style="backgroundcolor: ������ "

����� style="border-style: solid; border-color: orange"

����� style="border-style: solid; border-color: orange"

����� ���� �� ���� style="border-style: solid; border-color: #99 CC 66 blue green black" style="border-style:

����� ���� �� ���� style="border-style: solid; border-color: #99 CC 66 blue green black" style="border-style: dashed dotted solid double; border-color: #FF 6633"

CSS Selector Selector selector property value h 1CSS Selector Selector selector property value h 1
CSS Cascading Style Sheets CSS selector selector propertyCSS Cascading Style Sheets CSS selector selector property
CaseOfElseEnd Case Selector Of Selector 1 Statement SelectorCaseOfElseEnd Case Selector Of Selector 1 Statement Selector
CSS lesson CSS Syntax The CSS id SelectorCSS lesson CSS Syntax The CSS id Selector
HTML 5 HTML CSS HTML 5 HTML 5HTML 5 HTML CSS HTML 5 HTML 5
2 2 HTML html HTML 5 html html2 2 HTML html HTML 5 html html
HTML HTML Tutorial HTML Basic HTML Advanced HTMLHTML HTML Tutorial HTML Basic HTML Advanced HTML
Pengenalan CSS Apasih CSS itu Defenisi CSS CSSPengenalan CSS Apasih CSS itu Defenisi CSS CSS
Content CSS Introduction CSS Syntax CSS Selectors CSSContent CSS Introduction CSS Syntax CSS Selectors CSS
CSS CSS CSS CSS import link style importCSS CSS CSS CSS import link style import
HTML CSS CSS Cascading Style Sheets CSS kaskadneHTML CSS CSS Cascading Style Sheets CSS kaskadne
HTML 5 CSS 3 CSS 3 CSS 3HTML 5 CSS 3 CSS 3 CSS 3
HTML 5 CSS 3 CSS 3 CSS 3HTML 5 CSS 3 CSS 3 CSS 3
HTML and CSS Overview HTML Basic Tags CSSHTML and CSS Overview HTML Basic Tags CSS
Section 03 CSS CSS HTML HTML HEAD STYLESection 03 CSS CSS HTML HTML HEAD STYLE
HTML and CSS Overview HTML Basic Tags CSSHTML and CSS Overview HTML Basic Tags CSS
Section 03 CSS CSS HTML HTML HEAD STYLESection 03 CSS CSS HTML HTML HEAD STYLE
CSS l CSS HTML 5 DOCTYPE html headCSS l CSS HTML 5 DOCTYPE html head
MCS 270 HTML and CSS HTML and CSSMCS 270 HTML and CSS HTML and CSS
Class and ID Selector Class Selector Contoh penulisanClass and ID Selector Class Selector Contoh penulisan
CSS WEB NONCSS HTML html head titleMode HTMLCSS WEB NONCSS HTML html head titleMode HTML