導航:首頁 > 萬維百科 > 簡單網頁設計css樣式代碼

簡單網頁設計css樣式代碼

發布時間:2020-08-27 15:37:58

1、在網頁中調用css樣式的代碼

主要分3種方法:
1.行內式,就是直接在網頁中加入css樣式表,在標記的後面加上style屬性來設定css樣式。
如:
<p style="font-size:12px; color:#000;">行內式測試</p>
註:讀取速度最快,但維護最麻煩
2.嵌入式,在頁面的<head>和</head>之間。
如:
<style type="text/css">
p{margin: 0;padding: 0; color:red;}
</style>
註:讀取速度居中,但維護也居中
3.連接式
<link href="style.css" rel="stylesheet" type="text/css"/>
註:讀取速度不及上面2種,但維護較方便;網頁設計師最常用

2、求,簡單的網頁製作成品 要用HTML和CSS樣式來做的 只為交作業 要有源代碼 ,謝謝

要10個網頁製作成品或一個主頁有10個窗口鏈接的,網頁中要有圖,文字,不已發送,請查收,希望能幫到你~~ 免費的你感覺有人會下力氣給你做么

3、跪求,簡單的網頁製作成品,用HTML和CSS製作的,簡單就好,還有源代碼

我有好幾份。不知道你要什麼類型的? 當然如果不合適,我可以給你定做,

4、html網頁設計:一個簡單的登錄界面代碼!

是這樣的效果嗎?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

5、請教網頁設計高手,如下圖的這種CSS代碼怎麼寫?

你看下,我寫的是不是你要的那種,如果是,你自己調下兼容,聲明下,本人不是專業得美工
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style>
ul{margin:0px;}
li{list-style-type:none;}
.local{height:30px; line-height:30px; border-bottom:1px dashed #999999; font-family:"微軟雅黑"; font-size:14px;}
.list{margin-top:20px;}
.list .list-info{height:50px; line-height:50px; border-bottom:1px dashed #999999;}
.list .list-info .company{float:left;}
.list .list-info .range{float:left; font-size:12px; color:#999999; padding-top:2px; padding-left:5px;}
</style>
<body>
<div class="local">首頁 > 廣東省</div>
<div class="list">
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭縣流水船務有限公司</b></a></li>
<li class="range">主營:福建,廣東,浙江,上海及長江下游航線貨物運輸</li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭縣流水船務有限公司</b></a></li>
<li class="range">主營:福建,廣東,浙江,上海及長江下游航線貨物運輸</li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭縣流水船務有限公司</b></a></li>
<li class="range">主營:福建,廣東,浙江,上海及長江下游航線貨物運輸</li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>

6、求用dreamweaver css製作簡單網頁的代碼!!!!急用!符合要求有重謝!!!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
.head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; }
.banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main { width:1000px; height:300px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main .left { width:299px; height:300px; border-right:1px solid #666; float:left; }
.main .center { width:349px; height:300px; border-right:1px solid #666; float:left; }
.main .center .mt { height:100px; border-bottom:1px solid #666;}
.main .center .mb {}

.main .right { width:350px; height:300px; float:left; }
.footer { width:1000px; height:80px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px;}
</style>
</head>

<body>

<div class="head">
</div>

<div class="banner">
</div>

<div class="main">
<div class="left"></div>
<div class="center">
<div class="mt"></div>
<div class="mb"></div>
</div>
<div class="right"></div>
</div>

<div class="footer">
</div>

</body>
</html>

7、跪求,簡單的網頁製作成品 要用HTML和CSS樣式來做的 為交作業 要有源代碼 十萬火急 內容不限

dw軟體製作,准備好素材的話半天時間可以完成

與簡單網頁設計css樣式代碼相關的知識