[問題] css的用法

看板Web_Design作者 (老歐 ! 月夜雪嵐)時間16年前 (2010/03/25 22:37), 編輯推噓4(408)
留言12則, 4人參與, 最新討論串1/2 (看更多)
最近接觸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"> 好像就被換行了 不會在同一行內 -- 只有正妹的無名才有連結價值阿.. http://www.wretch.cc/blog/fancyou 非正妹 所以沒有連結價值 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.220.52.1

03/25 22:43, , 1F
1.可以2.css不是拿來自定義標籤用的
03/25 22:43, 1F

03/25 22:58, , 2F
那我該要怎樣去用呢
03/25 22:58, 2F

03/25 23:07, , 3F
寫成<div class="ri">這樣?
03/25 23:07, 3F

03/25 23:10, , 4F
然後在css裡的ri跟le前面加個小點點 .le .ri那樣
03/25 23:10, 4F

03/25 23:12, , 5F
然後裡面就像下一篇一樣改成float 大概也只能這樣了XD
03/25 23:12, 5F

03/25 23:24, , 6F
我試過了 就顯示來說在IE跟CHROME的確都可以左右分了
03/25 23:24, 6F

03/25 23:25, , 7F
但是卻跑出另一個問題就是ri的字體卻被略為偏下了
03/25 23:25, 7F

03/25 23:26, , 8F
看起來感覺就像是被換行了
03/25 23:26, 8F

03/25 23:33, , 9F
除了float外 可以試著指定寬度看看 @@
03/25 23:33, 9F

03/25 23:37, , 10F
被換行的話,加 display:inline; 再試試
03/25 23:37, 10F

03/25 23:38, , 11F
為了方便觀察元素位置,有時測試的時候會加底色
03/25 23:38, 11F

03/25 23:39, , 12F
我加在CSS裡面了 好像沒用
03/25 23:39, 12F
文章代碼(AID): #1BgtKL-l (Web_Design)
討論串 (同標題文章)
以下文章回應了本文
完整討論串 (本文為第 1 之 2 篇):
問題
4
12
文章代碼(AID): #1BgtKL-l (Web_Design)