ใครเก่ง CSS ช่วยหน่อยครับ

gabriel · 19 เมษายน 2011, 21:14:53

พอดีผมต้องการแก้ไขขนาดfontของH1เฉพาะบางหน้า แล้วH1มันก็ดันอยู่ในclassเดียวกันหมดทุกหน้า กำหนดแยกclassกันไม่ได้
มีวิธีไหนที่จะ้เปลี่ยนขนาดfontโดยใช้ไฟล์cssอันเดิม โดยกำหนดแค่styleเพิ่มเฉพาะหน้าหรือวิธีอื่นๆโดยไม่ไปยุ่งกับstyleเดิม

งงกันมั้ยครับ จนปัญญาจริงๆ

ขอบคุณล่วงหน้าครับ

lucationjj · 19 เมษายน 2011, 21:18:11

ขอดูโค้ดที่คุณเขียน
คุณอธิบายผมมึนเลย

gabriel · 19 เมษายน 2011, 21:19:34

อ้างถึงจาก: lucationjj ใน 19 เมษายน 2011, 21:18:11
ขอดูโค้ดที่คุณเขียน
คุณอธิบายผมมึนเลย

ขอบคุณครับได้ละครับ เส้นผมบังภูเขา

<h1 style="font-size:14px;">...

แค่เพิ่ม style เข้าไปข้างหลังก็ได้เลย เขียนเองตอบเอง

*~NoName@xaou~* · 19 เมษายน 2011, 21:19:57

เอาโค๊ดมาวางครับ ตอนนี้ผมเริ่มเข้าใจ Css ละครับ

lucationjj · 19 เมษายน 2011, 21:20:58

ไม่จำเป็นต้องใช้ H1 หมด
h2 h3 h4 h5 h6 ก็มี

gabriel · 19 เมษายน 2011, 21:22:04

อ้างถึงจาก: lucationjj ใน 19 เมษายน 2011, 21:20:58
ไม่จำเป็นต้องใช้ H1 หมด
h2 h3 h4 h5 h6 ก็มี

คิดว่า h1 มันมีผล seo สูงสุดหรือเปล่าครับ

kobkung · 19 เมษายน 2011, 21:25:28

ถ้างั้นต้องใส่ class ใหม่แทน h1 ที่ต้องการให้ไม่เหมือนในบางหน้า
อย่าใช้ h1 ให้กำหนด class แทน ใช้ span class ก็ได้
งงผมมั้ย

kobkung · 19 เมษายน 2011, 21:26:28

อ้างถึงจาก: gabriel ใน 19 เมษายน 2011, 21:19:34
อ้างถึงจาก: lucationjj ใน 19 เมษายน 2011, 21:18:11
ขอดูโค้ดที่คุณเขียน
คุณอธิบายผมมึนเลย

ขอบคุณครับได้ละครับ เส้นผมบังภูเขา

<h1 style="font-size:14px;">...

แค่เพิ่ม style เข้าไปข้างหลังก็ได้เลย เขียนเองตอบเอง

ทำงี้เวลาแก้ ปรับทุกหน้าเลยนา ใส่ class ดีกว่า

gabriel · 19 เมษายน 2011, 21:33:00

อ้างถึงจาก: kobkung ใน 19 เมษายน 2011, 21:26:28
อ้างถึงจาก: gabriel ใน 19 เมษายน 2011, 21:19:34
อ้างถึงจาก: lucationjj ใน 19 เมษายน 2011, 21:18:11
ขอดูโค้ดที่คุณเขียน
คุณอธิบายผมมึนเลย

ขอบคุณครับได้ละครับ เส้นผมบังภูเขา

<h1 style="font-size:14px;">...

แค่เพิ่ม style เข้าไปข้างหลังก็ได้เลย เขียนเองตอบเอง

ทำงี้เวลาแก้ ปรับทุกหน้าเลยนา ใส่ class ดีกว่า

ออครับจะลองดูครับ ขอบคุณทุกๆคนมากครับ +1ครับ

hero-nana · 19 เมษายน 2011, 21:33:34

ต้องเข้าใจก่อนว่า style มันจะใช้อันที่อยู่ล่างสุดของ source code มันจึงทับกันได้(อธิบายแบบงงๆ)เช่น

อ้างถึง
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
h1{ font-size:18px;}
</style>

<style type="text/css">
h1{ font-size:12px;} อันที่มีผลคืนอันนี้เพราะมาทีหลังจึงทับของเดิม
</style>
</head>
<body>
<h1>test</h1>
</body>
</html>

ru · 19 เมษายน 2011, 21:33:50

ก็เขียน class เพิ่มเข้าไปเพิ่มสิครับ

เช่น

h1.font20 {font-size:20px;}

เวลาใช้งานร่วมกับของเดิมก็ใส่แค่

<h1 class="font20"></h1>

อันไหนไม่ใส่มันก็ยังจะอ้างอิงจากอันหลักอยู่ดี ไม่รู้ว่าตรงตามความต้องการรึเปล่าครับ