css (แยก) หรือ .css นั้นเอง
css แยกจะมีคำสั่งดึงไฟล์ css ขึ้นมารันใน html นั้นเอง
ส่วน css (รวม) หรือ คำสั่งนั้นเอง
ส่วนมากจะอยู่รหว่างกับ</head>นั้นเอง <br />มีอะไรถามเพิ่มเติม PM มาเลยจร้า (หัวข้อต่อไปจะสอนใช้ css อย่างง่ายเช่นกัน)<br />คืนนี้ขอตัวก่อนนะ(ร.ร.เปิดแล้วอ่า) ฝันดีด้วยจร้า...</div>
</div><p align="center"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300x250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-2996092922147877"
data-ad-slot="1068742947"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
</div>
<div class="moderatorbar">
<div class="smalltext modified" id="modified_22431">
</div>
<div class="smalltext reportlinks">
<img src="http://www.it4x.com/forum/Themes/default/images/ip.gif" alt="" />
บันทึกการเข้า
</div>
</div>
</div>
<span class="botslice"></span>
</div>
<hr class="post_separator" />
<div class="topic_poster">
<div class="top_avatar">
<a href="http://www.it4x.com/forum/index.php?action=profile;u=1"><img class="avatar" src="http://it4x.com/avatar/" width="100" height="100" alt="" /></a>
</div>
<div class="top_detail">
<h4><a href="http://www.it4x.com/forum/index.php?action=profile;u=1" title="ดูรายละเอียดของ Moshi">Moshi</a></h4>
<img src="http://www.it4x.com/forum/Themes/default/images/useroff.gif" alt="ออฟไลน์" />
<br />
กระทู้ : 16,996
<br />
คะแนนขอบคุณ : 45 <br />
<div class="icon">
<a href="http://it4x.com" title="it4x สังคมแห่งการเรียนรู้" target="_blank" class="new_win"><img src="http://www.it4x.com/forum/Themes/default/images/www_sm.gif" alt="it4x สังคมแห่งการเรียนรู้" /></a> </div><!-- END ICON -->
</div>
<div class="clear"></div>
</div>
<div class="topic_info">
<div class="topic_date">พฤษภาคม 11, 2011, 09:24:15</div>
<div class="clear"></div>
</div>
<a id="msg22440"></a>
<div class="windowbg2">
<div class="post_wrapper">
<div class="postarea">
<div class="post">
<div class="inner" id="msg_22440"><link rel="stylesheet" type="text/css" href="style.css" /><br /><br />อันนี้ดึงสไตล์เกิดเขียนเยอะ ไม่อยากให้รก head ครับหุหุ<br /></div>
</div>
</div>
<div class="moderatorbar">
<div class="smalltext modified" id="modified_22440">
</div>
<div class="smalltext reportlinks">
<img src="http://www.it4x.com/forum/Themes/default/images/ip.gif" alt="" />
บันทึกการเข้า
</div>
</div>
</div>
<span class="botslice"></span>
</div>
<hr class="post_separator" />
<div class="topic_poster">
<div class="top_avatar">
<a href="http://www.it4x.com/forum/index.php?action=profile;u=7449"><img class="avatar" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/304106_254214974622096_100001007860892_721991_1977919090_n.jpg" width="100" height="100" alt="" /></a>
</div>
<div class="top_detail">
<h4><a href="http://www.it4x.com/forum/index.php?action=profile;u=7449" title="ดูรายละเอียดของ —•Ⓢ┈ⓉⒶⓃⒼ•—">—•Ⓢ┈ⓉⒶⓃⒼ•—</a></h4>
<img src="http://www.it4x.com/forum/Themes/default/images/useroff.gif" alt="ออฟไลน์" />
<br />
กระทู้ : 21
<br />
คะแนนขอบคุณ : 3 <br />
<div class="icon">
<a href="http://kip-zas.hi5.com/" title="http://www.facebook.com/StangAtNasan" target="_blank" class="new_win"><img src="http://www.it4x.com/forum/Themes/default/images/www_sm.gif" alt="http://www.facebook.com/StangAtNasan" /></a> </div><!-- END ICON -->
</div>
<div class="clear"></div>
</div>
<div class="topic_info">
<div class="topic_date">พฤษภาคม 11, 2011, 21:05:27</div>
<div class="clear"></div>
</div>
<a id="msg22456"></a><a id="new"></a>
<div class="windowbg">
<div class="post_wrapper">
<div class="postarea">
<div class="post">
<div class="inner" id="msg_22456">ใช่แล้วค๊า...พี่โมชิเพราะบางคน(เซียน)จะเขียนโค้ดเยอะมากๆแล้วมันจะรกอ่าค่ะพี่โม..</div>
</div>
</div>
<div class="moderatorbar">
<div class="smalltext modified" id="modified_22456">
</div>
<div class="smalltext reportlinks">
<img src="http://www.it4x.com/forum/Themes/default/images/ip.gif" alt="" />
บันทึกการเข้า
</div>
</div>
</div>
<span class="botslice"></span>
</div>
<hr class="post_separator" />
</form>
</div>
<a id="lastPost"></a>
<div class="pagesection">
<div class="buttonlist floatright">
<ul>
<li><a class="button_strip_send" href="http://www.it4x.com/forum/index.php?action=emailuser;sa=sendtopic;topic=10118.0"><span>ส่งหัวข้อนี้</span></a></li>
<li><a class="button_strip_print" href="http://www.it4x.com/forum/index.php?action=printpage;topic=10118.0" rel="new_win nofollow"><span class="last">พิมพ์</span></a></li>
</ul>
</div>
<div class="pagelinks floatleft">หน้า: [<strong>1</strong>] <a href="#top"><strong>ขึ้นบน</strong></a></div>
<div class="nextlinks_bottom"><a href="http://www.it4x.com/forum/index.php?topic=10118.0;prev_next=prev#new">« หน้าที่แล้ว</a> <a href="http://www.it4x.com/forum/index.php?topic=10118.0;prev_next=next#new">ต่อไป »</a></div>
</div>
<div class="navigate_section">
<ul>
<li>
<a href="http://www.it4x.com/forum/index.php"><span>IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT</span></a> »
</li>
<li>
<a href="http://www.it4x.com/forum/index.php#c1"><span>ข่าวสาร / ความรู้</span></a> »
</li>
<li>
<a href="http://www.it4x.com/forum/index.php?board=53.0"><span>คนทำเว็บ</span></a> »
</li>
<li class="last">
<a href="http://www.it4x.com/forum/index.php?topic=10118.0"><span>เรื่องง่ายๆระหว่าง css แยกและ css รวมในไฟล์ html</span></a>
</li>
</ul>
</div>
<div id="moderationbuttons"></div>
<div class="plainbox" id="display_jump_to"> </div>
<a id="quickreply"></a>
<div class="tborder" id="quickreplybox">
<div class="cat_bar">
<h3 class="catbg">
<span class="ie6_header floatleft"><a href="javascript:oQuickReply.swap();">
<img src="http://www.it4x.com/forum/Themes/default/images/expand.gif" alt="+" id="quickReplyExpand" class="icon" />
</a>
<a href="javascript:oQuickReply.swap();">ตอบด่วน</a>
</span>
</h3>
</div>
<div id="quickReplyOptions">
<span class="upperframe"><span></span></span>
<div class="roundframe">
<p class="smalltext lefttext">ด้วยฟังค์ชั่น <u>ตอบด่วน</u> คุณสามารถใช้โค๊ดและ เครื่องหมายแสดงอารมณ์ได้ เหมือนการตั้งกระทู้ธรรมดา แต่สามารถทำได้สะดวกกว่า</p>
<p class="alert smalltext">ระวัง: หัวข้อนี้ไม่มีการอัพเดทมานานถึง 120 วัน</p>
<em>แจ้งเตือน: โพสของคุณจะไม่แสดงจนกว่าผู้ดูแลจะอนุมัติ.</em>
<form action="http://www.it4x.com/forum/index.php?board=53;action=post2" method="post" accept-charset="UTF-8" name="postmodify" id="postmodify" onsubmit="submitonce(this);" style="margin: 0;">
<input type="hidden" name="topic" value="10118" />
<input type="hidden" name="subject" value="Re: เรื่องง่ายๆระหว่าง css แยกและ css รวมในไฟล์ html" />
<input type="hidden" name="icon" value="xx" />
<input type="hidden" name="from_qr" value="1" />
<input type="hidden" name="notify" value="0" />
<input type="hidden" name="not_approved" value="1" />
<input type="hidden" name="goback" value="0" />
<input type="hidden" name="last_msg" value="22456" />
<input type="hidden" name="d126ba3e0" value="fd4a4eb1be8f816431a046458809aab0" />
<input type="hidden" name="seqnum" value="" />
<strong>ชื่อ:</strong> <input type="text" name="guestname" value="" size="25" class="input_text" tabindex="1" />
<strong>อีเมล์:</strong> <input type="text" name="email" value="" size="25" class="input_text" tabindex="2" /><br />
<div class="quickReplyContent">
<textarea cols="600" rows="7" name="message" tabindex="3"></textarea>
</div>
<div class="righttext padding">
<input type="submit" name="post" value="ตั้งกระทู้" onclick="return submitThisOnce(this);" accesskey="s" tabindex="4" class="button_submit" />
<input type="submit" name="preview" value="แสดงตัวอย่าง" onclick="return submitThisOnce(this);" accesskey="p" tabindex="5" class="button_submit" />
</div>
</form>
</div>
<span class="lowerframe"><span></span></span>
</div>
</div>
<script type="text/javascript" src="http://www.it4x.com/forum/Themes/default/scripts/topic.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[
var oQuickReply = new QuickReply({
bDefaultCollapsed: true,
iTopicId: 10118,
iStart: 0,
sScriptUrl: smf_scripturl,
sImagesUrl: "http://www.it4x.com/forum/Themes/default/images",
sContainerId: "quickReplyOptions",
sImageId: "quickReplyExpand",
sImageCollapsed: "collapse.gif",
sImageExpanded: "expand.gif",
sJumpAnchor: "quickreply"
});
if ('XMLHttpRequest' in window)
{
var oQuickModify = new QuickModify({
sScriptUrl: smf_scripturl,
bShowModify: true,
iTopicId: 10118,
sTemplateBodyEdit: '\n\t\t\t\t\t\t\t\t<div id="quick_edit_body_container" style="width: 90%">\n\t\t\t\t\t\t\t\t\t<div id="error_box" style="padding: 4px;" class="error"><' + '/div>\n\t\t\t\t\t\t\t\t\t<textarea class="editor" name="message" rows="12" style="width: 100%; margin-bottom: 10px;" tabindex="6">%body%<' + '/textarea><br />\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="d126ba3e0" value="fd4a4eb1be8f816431a046458809aab0" />\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="topic" value="10118" />\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="msg" value="%msg_id%" />\n\t\t\t\t\t\t\t\t\t<div class="righttext">\n\t\t\t\t\t\t\t\t\t\t<input type="submit" name="post" value="บันทึก" tabindex="7" onclick="return oQuickModify.modifySave(\'fd4a4eb1be8f816431a046458809aab0\', \'d126ba3e0\');" accesskey="s" class="button_submit" /> <input type="submit" name="cancel" value="ยกเลิก" tabindex="8" onclick="return oQuickModify.modifyCancel();" class="button_submit" />\n\t\t\t\t\t\t\t\t\t<' + '/div>\n\t\t\t\t\t\t\t\t<' + '/div>',
sTemplateSubjectEdit: '<input type="text" style="width: 90%;" name="subject" value="%subject%" size="80" maxlength="80" tabindex="9" class="input_text" />',
sTemplateBodyNormal: '%body%',
sTemplateSubjectNormal: '<a hr'+'ef="http://www.it4x.com/forum/index.php'+'?topic=10118.msg%msg_id%#msg%msg_id%" rel="nofollow">%subject%<' + '/a>',
sTemplateTopSubject: 'หัวข้อ: %subject% (อ่าน 8619 ครั้ง)',
sErrorBorderStyle: '1px solid red'
});
aJumpTo[aJumpTo.length] = new JumpTo({
sContainerId: "display_jump_to",
sJumpToTemplate: "<label class=\"smalltext\" for=\"%select_id%\">กระโดดไป:<" + "/label> %dropdown_list%",
iCurBoardId: 53,
iCurBoardChildLevel: 0,
sCurBoardName: "คนทำเว็บ",
sBoardChildLevelIndicator: "==",
sBoardPrefix: "=> ",
sCatSeparator: "-----------------------------",
sCatPrefix: "",
sGoButtonLabel: "go"
});
aIconLists[aIconLists.length] = new IconList({
sBackReference: "aIconLists[" + aIconLists.length + "]",
sIconIdPrefix: "msg_icon_",
sScriptUrl: smf_scripturl,
bShowModify: true,
iBoardId: 53,
iTopicId: 10118,
sSessionId: "fd4a4eb1be8f816431a046458809aab0",
sSessionVar: "d126ba3e0",
sLabelIconList: "Message Icon",
sBoxBackground: "transparent",
sBoxBackgroundHover: "#ffffff",
iBoxBorderWidthHover: 1,
sBoxBorderColorHover: "#adadad" ,
sContainerBackground: "#ffffff",
sContainerBorder: "1px solid #adadad",
sItemBorder: "1px solid #ffffff",
sItemBorderHover: "1px dotted gray",
sItemBackground: "transparent",
sItemBackgroundHover: "#e0e0f0"
});
}
// ]]></script>
</div><!-- END LEFT-->
<div class="clear"></div>
</div><!-- END contain-->
<div class="footer">
<div class="left">
Power By <a href="http://www.simplemachines.org/about/smf/license.php">SMF ©2011</a> (<a href="http://www.simplemachines.org/">Simple Machines</a>)<br />
<a href="http://www.it4x.com">คอมพิวเตอร์</a> | <a href="http://www.it4x.com">โน๊ตบุ๊ค</a> | <a href="http://www.it4x.com">ข่าว IT</a> | <a href="http://www.it4x.com">การ์ดจอ</a> | <a href="http://www.it4x.com">คอมเสีย</a> | <a href="http://www.it4x.com">เขียนเว็บ</a> | <a href="http://www.it4x.com">เขียนโปรแกรม</a> | <a href="">MAC</a> | <a href="http://www.it4x.com/forum/index.php/board,6.0.html">เทคนิค photoshop</a> | <a href="http://www.xn--l3cuicec1bie1f0ac4mg5cze.com/">รายได้เสริม</a> | <a href="http://mlmexpert.it4x.com">mlmexpert</a> | <a href="http://xn--12c1bgcl5nf0b8i.com">ที่ดินหนองคาย</a> | <a href="', $scripturl, '?action=sitemap">Sitemap</a>
</div>
<div class="right">
<script type="text/javascript" src="http://hits.truehits.in.th/data/t0030671.js"></script>
</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript" src="http://www.it4x.com/forum/Themes/default/scripts/foot.js?fin20"></script>
</body></html>
css แยกจะมีคำสั่งดึงไฟล์ css ขึ้นมารันใน html นั้นเอง
ส่วน css (รวม) หรือ คำสั่งนั้นเอง
ส่วนมากจะอยู่รหว่าง