這些編碼風格是否正確？

-1

我剛開始學習CSS並在本地門戶網站上創建了一個示例頁面。我想知道這些編碼風格是否正確。這些編碼風格是否正確？

我開始知道這些編碼風格在主要程度上不起作用。

你能糾正我的代碼，使它更可行，我會嘗試學習一些你的編碼風格，並會適應我的方便。

很抱歉，如果這些問題不能在本網站上提出。

<div class="initial"> 
 

 
<div style="position:relative; width:100%; margin-Top: 4.75%; font-size: 1.3em; font-family: Helvetica; text-align: center; background-color: #bbb;"> 
 
<center><p style='line-height:200%'> 
 

 
<a href=h.php style="text-decoration: none; color:white"> Home</a> \t &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
 
<a href=click.php style="text-decoration: none; color:white">Please Click Here</a> \t &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
 
<a href=contact.php style="text-decoration: none; color:white">Contact</a> \t &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
 
<a href=about.php style="text-decoration: none; color:white">About Me</a></p></center> 
 
    
 
</style> 
 
</div> 
 
</div>

感謝，

來源

2015-09-25 Novice

不要在一個文件中混合使用HTML和CSS;將縮進應用於您的代碼，以便閱讀;不要使用進行佈局（改爲使用樣式）。 – akasummer

如果你想要代碼審查，使用代碼審查http://codereview.stackexchange.com/ – Neoaptt

對於這種線我可以混合CSS和HTML不是嗎？ – Novice

在要注意的第一點..

不要使用，而不是使用 兼用margin或padding
的內聯CSS
保證金和填充讓我們提供兩個之間的空間標籤

查看片段我如何實施padding

.initial-content { 
 
    position: relative; 
 
    width: 100%; 
 
    margin-Top: 4.75%; 
 
    font-size: 1.3em; 
 
    font-family: Helvetica; 
 
    text-align: center; 
 
    background-color: #bbb; 
 
} 
 
p { 
 
    line-height: 200%; 
 
} 
 
a { 
 
    text-decoration: none; 
 
    color: white; 
 
    padding: 5px 25px; 
 
}

<div class="initial"> 
 

 
    <div class="initial-content"> 
 
    <center> 
 
     <p> 
 

 
     <a href=h.php> Home</a> 
 
     <a href=click.php>Please Click Here</a> 
 
     <a href=contact.php>Contact</a> 
 
     <a href=about.php>About Me</a> 
 
     </p> 
 
    </center> 
 

 
    </div> 
 
</div>

來源

2015-09-25 11:34:31

感謝您根據類型的詳細代碼。 – Novice

注意事項：

HTML框架缺失。
CSS可以單獨使用，而是內聯使用。
而不是nbsp你需要使用邊距和填充。你需要知道浮點數。

來源

2015-09-25 11:21:40

感謝您的分享。現在將工作在邊緣，但我想知道爲什麼要在此代碼中使用填充屬性？ – Novice

@Novice像這樣想：「我想傳遞給用戶什麼信息？」 - 你的HTML應該回答這個問題。「我想讓它看起來像什麼？」 - 使用CSS來實現。 – akasummer

@Novice在這個例子中，你使用' '作爲視覺目的，這應該是你的觸發器，用正確的CSS代替它 – akasummer

好吧，如果它沒有在大範圍的工作「，回答你一半的問題：它意味着它是不正確的。什麼是不正確的：

內聯CSS應該可以正常工作，您可以使用它進行測試。但你應該使用一個css文件。使用標識符如ID和類。
href屬性值必須在引號或雙引號內。
</style>關閉不關閉任何東西。您可以在這些標籤中使用css代碼，但更適合使用.css文件。
 事情：使用定位css。例如，如果要將項目垂直對齊，則可以使用item{clear:left;float:left;}
<center>標記已被棄用。 Why?改用：<div class="centered(or whatever you feel like calling it)">和風采吧：.centered{width: 60%;margin:auto;}

但剩下的只是正確的。

來源

2015-09-25 12:26:50

這些編碼風格是否正確？

回答

相關問題