ข่าว IT ล่าสุด
ถูกใจอย่าลืม Like Fanpage
เรื่องง่ายๆระหว่าง css แยกและ css รวมในไฟล์ html
แสดงแล้ว 5409 ครั้ง /
พฤษภาคม 10, 2011, 22:38

—•Ⓢ┈ⓉⒶⓃⒼ•—

ออฟไลน์
กระทู้ : 21
คะแนนขอบคุณ : 3
http://www.facebook.com/StangAtNasan
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</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</div> <div class="clear"></div> </div> <a id="msg22456"></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="ef768b28deb8" value="7fd3e3143223235b9e3e80143bdf10da" /> <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="ef768b28deb8" value="7fd3e3143223235b9e3e80143bdf10da" />\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(\'7fd3e3143223235b9e3e80143bdf10da\', \'ef768b28deb8\');" 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%  (อ่าน 5409 ครั้ง)', 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: "7fd3e3143223235b9e3e80143bdf10da", sSessionVar: "ef768b28deb8", 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>