使用CSS樣式

-2

的代碼更改的PHP代碼的字體：使用CSS樣式

<!DOCTYPE html> 
<html> 
<head> 
<title>Greeting Service!</title> 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' /> 
<style type="text/css"> 
#name { 
font-family: "Open Sans", sans-serif; 
font-weight: 700; 
} 
#greet { 
font-family: "Open Sans", sans-serif; 
font-weight: 400; 
} 
</style> 
</head> 
<body> 
<center> 
<?php 
if (isset($_POST['language'])) { 
$language = $_POST['language']; 
switch ($_POST['language']) { 
case "option1": 
$result = "Hello, {$_POST['name']}!"; 
break; 
case "option2": 
$result = "你好, {$_POST['name']}!"; 
break; 
case "option3": 
$result = "Bonjour, {$_POST['name']}!"; 
break; 
} 
echo $result; 
} else { 
?> 
<form method="post" action=""> 
<h1 id="name">What's Your Name?</h1> 
<input type="text" name="name" placeholder="Name Here" /> 
<h4 id="greet">Greet me in: 
<select name="language"> 
<option value="option1">English</option> 
<option value="option2">Chinese</option> 
<option value="option3">French</option> 
</select> 
</h4> 
<input type="submit" value="Greet Me!" /> 
</form> 
</center> 
<?php 
} 
?> 
</body> 
</html>

我不知道我是怎麼能夠改變從文本框輸出的「名稱」的字體。是否有可能在PHP代碼中使用CSS樣式？我想更改從文本框輸出的文本的字體重量和字體系列。由於

來源

2015-09-04 B.Liu

這就是所謂的「CSS 101」。問問你自己; 「網絡開發者也可以成爲網頁設計師」？ ;-) *反之亦然。* –

將它放在一個元素中，然後像其他人那樣放入其中。 – chris85

在你的元素給他們的屬性，然後設計它的樣式 – aldrin27

是的，你這樣做，你會總是立即應用任何CSS樣式做：

$result = "<p style="font-weight:val;font-family:val;">Hello, {$_POST['name']}!</p>";

，但是你想你可以改變這些值和造型應顯示當你echo出來。

或者如下建議，你可以只是包裝$result與CSS，或者如果你正在尋找設置不同的值，你可以在你的交換機的情況下這樣的應用它們：

switch ($_POST['language']) { 
case "option1": 
$result = "Hello, {$_POST['name']}!"; 
$style = 'font-weight:val;font-family:val'; 
break; 
case "option2": 
$result = "你好, {$_POST['name']}!"; 
$style = 'font-weight:val;font-family:val'; 
break; 
case "option3": 
$result = "Bonjour, {$_POST['name']}!"; 
$style = 'font-weight:val;font-family:val'; 
break; 
} 
echo '<p style="' . $style . '">' . $result . '</p>';

來源

2015-09-04 00:37:47

只是將'$ result'包裝到元素...這裏'echo $ result;'將會更好。 – chris85

他/她可能想在'switch'語句中將不同的樣式應用於不同的案例，但您可能是對的。 –

我想，他/她也可以在開關盒中動態設置樣式值或樣式代碼，進行編輯 –

<!DOCTYPE html> 
<html> 
<head> 
<title>Greeting Service!</title> 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' /> 
<style type="text/css"> 
#name { 
font-family: "Open Sans", sans-serif; 
font-weight: 700; 
background-color: red; 
} 
#greet { 
font-family: "Open Sans", sans-serif; 
font-weight: 400; 
} 
</style> 
</head> 
<body> 
<center> 
<?php 
if (isset($_POST['language'])) { 
$language = $_POST['language']; 
switch ($_POST['language']) { 
case "option1": 
$result = "<p id=\"name\">Hello, {$_POST['name']}!</p>"; 
break; 
case "option2": 
$result = "<p id=\"name\">你好, {$_POST['name']}!</p>"; 
break; 
case "option3": 
$result = "<p id=\"name\">Bonjour, {$_POST['name']}!</p>"; 
break; 
} 
echo $result; 
} else { 
?> 
<form method="post" action=""> 
<h1 id="name">What's Your Name?</h1> 
<input type="text" name="name" placeholder="Name Here" /> 
<h4 id="greet">Greet me in: 
<select name="language"> 
<option value="option1">English</option> 
<option value="option2">Chinese</option> 
<option value="option3">French</option> 
</select> 
</h4> 
<input type="submit" value="Greet Me!" /> 
</form> 
</center> 
<?php 
} 
?> 
</body> 
</html>

來源

2015-09-04 00:42:07 DevWL

回答

相關問題