作者grence (多想兩分鐘 = =")
看板Web_Design
標題Re: [問題] css的用法
時間Thu Mar 25 22:59:30 2010
※ 引述《davidou (老歐 ! 月夜雪嵐)》之銘言：
: 最近接觸css 但是我好像有觀念是錯了?
: 例如我想要在網頁上顯示這樣
: =============================這是網頁========================================
: 有段文字在前面 這邊是靠右文字
: ===============================網頁結束=====================================
: 所以我的網頁程式碼就是
: <html> <head>
: <link rel="stylesheet" href="index.css" type="text/css" /> </head>
: <body>
: <le>有段文字在前面</le>
: <ri>這邊是靠右文字</ri>
: </body> </html>
: ---------------index.css-------------------------
: le{
: text-align:left;
: }
: ri{
: text-align:right
: }
: -------------------------------------------
: 然後很歡樂的 我知道我觀念錯了 但是看書 我還是搞不太懂
: 1.css我可以這樣隨意定義名稱嗎
可以
: 2.在html裡面 我可以這樣引用嗎 如: <le> 像這樣自己定義名子還是說我一定要照規則
: 因為我覺得看書上好像"似乎" 可以這樣自己命名的
沒有錯
: 但是我怎寫出來就掛了 還是我該如何去寫
: 因為把她寫成<p class="le"> 這樣後面接<p class="ri"> 好像就被換行了
因為 p在瀏覽器預設 display:block
: 不會在同一行內
你的觀念沒有錯…太多
下面是可以動…但是做了錯誤示範的例子
好一點的書應該會告訴你哪裡可能有問題，可以找找 :)
<html>
<head>
<style>
le{
float:left;
}
ri{
float:right;
}
</style>
</head>
<body>
<le>有段文字在前面</le>
<ri>這邊是靠右文字</ri>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.194.46.184
→ grence:噗…IE很帥的無視 囧rz 03/25 23:02
→ davidou:我就很討厭在CHROME寫好的IE不爽鳥 IE好了CHROME又..0RZ 03/25 23:04
→ grence:哦，那還好…原文感覺有點挫折。可以google "doctype"試試 03/25 23:06
→ fet0124:我之前才發現DOCTYPE那行有時候不一樣也會影響CSS XD 03/25 23:08
→ davidou:我很挫折阿 因為我很多寫法都是這樣寫 原本想用這樣自訂 03/25 23:10
→ davidou:名稱來減少HTML的頁面 讓這些與法都在CSS檔去 03/25 23:10
→ davidou:可是發現失敗了 好像不能這樣寫 03/25 23:11
→ fet0124:我只知道像ul a li等本來就有的標籤才能這樣寫 @@ 03/25 23:11
→ davidou:可是那些不是本來就有用途嗎 03/25 23:13
推 fet0124:就是可以控制他們的格式 像是可以控制連結顏色 03/25 23:16
回這篇只是覺得原PO好像試了很多次，快放棄了…
但其實概念沒錯，不能動一定有什麼誤會(炸) 囧>
後來發現不是我想的那樣XD
多試幾次應該就 OK了。
最後的建議是先讓相對標準一點的瀏覽器(firefox, chrome)可以正常顯示，再考慮 IE.
關於 doctype可看本版
#187lPRh- …或查一下我之前的文章
※ 編輯: grence 來自: 123.194.46.184 (03/25 23:57)
※ 編輯: grence 來自: 123.194.46.184 (03/25 23:59)
推 superpai:html不能自定標籤 xml才可以 03/26 00:16
→ davidou:重點是IE還是大多人的預設瀏覽器阿XD 又不能對他放棄 03/26 00:44
→ davidou:#187lPRh 找不到? 03/26 00:45
推 aceone:自訂標籤在現階段不是標準的寫法吧 03/26 13:49
→ TonyQ:以這個例子應該先從box層級先做好float，再弄text-align吧 03/26 21:41