อัปเดท ให้ leblance อีกแล้ว

ท่าเรือน้ำลึก irpc ระยอง

ไอติมโป๊แล้ว อิ ๆ

ไม่ได้กิน ไอติมแบบนี้นานแล้ว อร่อยดีนะ

ต้นไม้ใหญ่ในโรงเรียน

black rain cloud now in rayong

กลางวัน นี้เปรี้ยวหวานปลา 2แพค

แกงเขียวหวาน เสร็จแล้ว

อาหารกลางวัน แกงเขียวหวาน 2แพค

ห้อยจ๊อปูมหาชัย

เดินขบวนยุติความรุนแรง เสร็จการจราจรก็ยุติเช่นกัน

ศูนย์การเรียนรู้ I rpc

เดินขบวนยุติความรุนแรง

ห้องบริจาคเลือด โรงพยาบาลระยอง

ปั๊มน้ำมัน ต้นไม้ สวยงาม

อุตสาหกรรม ก้าวหน้า ระยอง

ท้องฟ้าหน้า โรงงาน

หน้าโรงงาน ube

CSS The class Selector

The class Selector

The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements.

This allows you to set a particular style for any HTML elements with the same class.

The class selector uses the HTML class attribute, and is defined with a "."

In the example below, all HTML elements with class="center" will be center-aligned:

Example .center {text-align:center;} Try it yourself »

You can also specify that only specific HTML elements should be affected by a class.

In the example below, all p elements with class="center" will be center-aligned:

Example p.center {text-align:center;} Try it yourself »

Do NOT start a class name with a number! This is only supported in Internet Explorer.

เราจัดเรียงรวมกันหลายๆอันโดยเป็นกล่มให้มัน ทำงานทีละเป็นกลุ่มๆ แต่เรียกว่า class
ตามตัวอย่าง เราจัดกลุ่มคำสั่งของมัน ทีละหลายๆที่ โดยใช้เครื่องหมาย . หมายถึง class ตามด้วยชื่อ

CSS Id and Class

« Previous

Next Chapter »

---

The id and class Selectors

In addition to setting a style for a HTML element, CSS allows you to specify your own selectors called "id" and "class".

---

The id Selector

The id selector is used to specify a style for a single, unique element.

The id selector uses the id attribute of the HTML element, and is defined with a "#".

The style rule below will be applied to the element with id="para1":

Example #para1 { text-align:center; color:red; } Try it yourself »

Do NOT start an ID name with a number! It will not work in Mozilla/Firefox.

กำหนด แต่ละตัวได้โดยใช้ id ถ้ามันมีตัว ซ้ำๆกันหลายๆตัว เช่นในตัวอย่าง p มีหลายตัว ก็ใส่ id ให้กับมันนะ

แต่ id ไม่สามารถ ใส่ตัวเลขก่อนได้

ดังตัวอย่าง มี #para1 นี่คือเจ้า id ชื่อ para1 ใช้ชาป เป็นคำสั่งให้ใช้มัน
---ทุกคำสั่งในหน้าเว็ป ห้ามมี id ซ้ำกัน

---

CSS Inline Styles

Inline Styles

An inline style loses many of the advantages of style sheets by mixing content with presentation. Use this method sparingly!

To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:

This is a paragraph.

ใช้ ใส่เข้าไปเลย ตรงตัว มีพลังเยอะสุดใน 3 จำพวก

CSS External style sheet

External Style Sheet

An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the tag. The tag goes inside the head section:

An external style sheet can be written in any text editor. The file should not contain any html tags. Your style sheet should be saved with a .css extension. An example of a style sheet file is shown below:

hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");}

Do not leave spaces between the property value and the units! "margin-left:20 px" (instead of "margin-left:20px") will work in IE, but not in Firefox or Opera.

จำไว้ว่าอยู่ใน แล้วก็มี ตัว link rel เป็นสำคัญนะครับ เรียกใช้เอา มีกี่หน้าก็เรียกใช้เอา