โรงเรียน Web Design ทำเว็บ Mac Final cut Pro Graphic design

เรียนรู้ CSS Coding: css ที่ใช้งานร่วมกับ tag html

css นั้นนอกจากจะแบ่งการทำงานออกเป็น class และ id แล้ว ยังมีการทำงานพิเศษที่ใช้กับ Tag Html บางตัวโดยเฉพาะอีกด้วย

Anchor Pseudo-classes

การใช้งานกับ Tag “a” เป็นแบ่งได้ 4 สถานะ คือ

a:link { color:#000000; }
a:hover {color:#ffffff; }
a:active { color:#333333; }
a:visited { color:#666666; }

เช่น
a:link { color:#000000; }
a:hover {color:#ffffff; }
a:active { color:#333333; }
a:visited { color:#666666; }

First Line Pseudo-element

การใช้งานกับ Tag “p” เป็นคำสั่งการใช้งานให้บรรทััดแรกของพารากราฟมีการแสดงผลอย่างไร

P:first-line {css }

เช่น p:first-line {font-weigth: blod;}

First Letter Pseudo-element

การใช้งานกับ Tag “p” เป็นคำสั่งการใช้งานให้ตัวแรกของพารากราฟมีการแสดงผลอย่างไร

P:first-letter { css }

เช่น P:first-letter {color: #666666;}

คอร์สเรียน XHTML และ CSS

Tags: CSS