为了账号安全,请及时绑定邮箱和手机立即绑定

来个HTML和css的大神教我做一个网页最好能在线讲解的

/ 猿问

来个HTML和css的大神教我做一个网页最好能在线讲解的

党嘉琦 2017-09-05 15:06:49
查看完整描述

8 回答

已采纳
?
撩梦

师傅引进门,修行靠个人!如果你理解这句话,那可以教你!

查看完整回答
2 反对 回复 2017-09-05
?
落叶1111

推荐看《css的禅意花园》

查看完整回答
反对 回复 2017-09-06
?
施帅帅

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>你好,帅哥</title>
   <link rel="stylesheet" href="styles/reset.css"/>

</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

查看完整回答
反对 回复 2017-09-06
?
Liu__



基础可以在慕客网学,然后找一个想做的网站,右击查看元素(我用的火狐),会显示网页的结构,看这个网页的div怎么嵌套的,先把HTML结构写好,再写CSS,一个一个模块来。我最近也在做,有不会的知识点就去百度。

查看完整回答
反对 回复 2017-09-05
?
慕尼黑的错觉

这个是很基础的了,你可以找个免费自学的网站从最基础的自学起,跟着网站里面的代码敲然后再看效果,敲多了就会了

查看完整回答
反对 回复 2017-09-05
?
qq_莫非

<!DOCTYPE html>    

<head>    

<style type="text/css">    

div{margin:auto;}    

#header{width:1330px;height:20px;background-color:blue;margin-left:0px;margin-right:0px;}    

#head{width:960px;height:50px;background-color:blue;}    

#head1{width:60px;height:20px;float:right;}    

#head1 ul{magin-right:0;padding:0;}    

#head1 ul li{list-style:none;}    

#head1 ul li a{text-decoration:none;background-color:#5c307d;color:white;font-size:15px;}    

#head1 ul li a:hover{color:black;font-size:20px;}    

#hk{width:960px;height:20px;}    

#hk ul{margin:0;padding:0;}    

#hk ul li{margin-left:0;list-style:none;}    

#hk ul li a{text-decoration:none;background-image:url(E:/暂存文件夹/1.jpg);background-repeat:no-repeat;color:white;}    

#hk ul li a:hover{color:orange;font-size:40px;background-color:#5c307D;}    

#nav{width:960px;height:300px;background-color:#5c307D;}    

#nav1{width:310px;height:300px;background-color:yellow;float:left;}    

#nav2{width:310px;height:300px;background-color:green;float:left;margin-left:15px;}    

#nav3{width:310px;height:300px;float:right;background-color:grey;}    

#foot{width:960px;height:500px;background-color:#19cd55}    

#footer{width:1330px;height:70px;background-color:#5c307d;margin-left:0px;margin-right:0px;}    

<!--body {    

background-image:url(E:/暂存文件夹/2.jpg);    

background-repeat:no-repeatn;    

}    

-->    

</style>    

</head>    

<div id="header">    

</div>    

<div id="head">    

<div id="head1">    

<ul>    

<li><a href="http://jwc.cuit.edu.cn/">教务处</a></li>    

</ul>    

</div>    

<h1>成都信息工程大学</h1>    

</div>    

<div id="hk">    

<ul>    

<li><a href="http://www.cuit.edu.cn/">点击这里</a></li>    

</ul>    

</div>    

<div id="nav">    

<div id="nav1">    

<img src="//p4.so.qhmsg.com/dmfd/326_204_/t0183986af305395034.jpg" width="310px" height="300px"/>    

</div>    

<div id="nav2">    

<img src="//p0.so.qhmsg.com/bdr/_240_/t01bc92dc90760d6d05.jpg" width="310px" height="300px"/>    

</div>    

<div id="nav3">    

<img src="//p4.so.qhmsg.com/bdr/326__/t015e60c1eec01597c4.jpg" width="310px" height="300px"/>    

</div>    

</div>    

<div id="foot">    

<img src="//p4.so.qhmsg.com/t018a06c7f043cd1b79.jpg" width="960px" height="500px"/>    

</div>    

<div id="footer">    

</div>    

</body>    

</html>    

基本的网页例子,给你一个代码

查看完整回答
反对 回复 2017-09-05
?
冰封灬尘世

谁有那空

查看完整回答
1 反对 回复 2017-09-05
?
Gotta

扯egg

查看完整回答
反对 回复 2017-09-05

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信