Question

我是这些东西的初学者，css在这里工作，但不在我的笔记本电脑上。这些都在同一个文件夹中，但是我没问题。

Selector {
	Property: value;
}

h1 {
	color: red;
}

<!DOCTYPE html>
<html>
<head>
	<title>The Shippy!</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
	<body>
		<section>
		<h1>The Shippy</h1>
		<h4>Registration Form</h4>
		</section>
		<form> 
			Firm Name: <input type="text" required name="Firm"><br>
			Password:  <input type="Password" required name="Pass" minlength="6" maxlength="12"><br>			
			E-Mail: <input type="email" name="E-Mail"><br><br>
			Sector: <br>
			<input type="radio" name="Sector">Ship Supply<br>
			<input type="radio" name="Sector">Purchasing<br>
			<input type="radio" name="Sector">Crew Management<br>
			<input type="radio" name="Sector">Shipbreaking<br><br>
			Country:<br>
			<select>
				<option value="Turkey" name="Turkey">Turkey</option>
				<option value="Greece" name="Turkey">Greece</option>
			</select><br><br>
			<input type="submit" value="Register!" >
		</form>
	</body>
</html>

Answer 1

我将为您提供所需的小改动。

首先，HTML中的行

<link rel="stylesheet" type="text/css" href="style.css">

此处，href表示到您的外部样式表的链接。外部样式表的名称为style.css。您必须在 href 标记中正确引用它。因此，您可以通过两种方式来引用它：1）相对路径（例如：〜/ YourForlderName / style.css）和2）绝对路径（例如：YourRootFolder / YourFileName / YourFolderName / style.css）

可以这样写： 1）使用相对路径

<link rel="stylesheet" type="text/css" href="~/Images/style.css">

2）使用绝对路径

<link rel="stylesheet" type="text/css" href="C:/Project/Images/style.css">

现在，谈论您的小型项目。

这是外部CSS。即是style.css，然后是HTML。

h1 {
	color: red;
}

<!DOCTYPE html>
<html>
<head>
	<title>The Shippy!</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
	<body>
		<section>
		<h1>The Shippy</h1>
		<h4>Registration Form</h4>
		</section>
		<form> 
    <table>
       <tr>
       <td>First Name:</td>
       <td><input type="text" required name="Firm"></td>
       </tr>
       <tr>
       <td>Password:</td>
       <td><input type="Password" required name="Pass" minlength="6" maxlength="12"></td>
       </tr>
       <tr>
       <td>Email:</td>
       <td><input type="email" name="E-Mail"></td>
       </tr>
    </table>
			
			<br>
			<b>Sector:</b> <br>
			<input type="radio" name="Sector">Ship Supply<br>
			<input type="radio" name="Sector">Purchasing<br>
			<input type="radio" name="Sector">Crew Management<br>
			<input type="radio" name="Sector">Shipbreaking<br><br>
			
      <b>Country:</b><br>
			<select>
				<option value="Turkey" name="Turkey">Turkey</option>
				<option value="Greece" name="Turkey">Greece</option>
			</select><br><br>
			<input type="submit" value="Register!" >
		</form>
	</body>
</html>

关于表及其相关标签的进一步说明：

请注意，我已使用标签将标签和文本框以正确的格式对齐。 tr 标签表示 TableRow ，而 td 表示 TableData 。 Td 标签将行划分为特定的列数。

希望这会有所帮助。祝您编程愉快！：）

我的CSS文件无法正常工作，我无法使其正常工作

1 个答案: