首先纠正一下，你这个是 css 不是 html
portfolio label-text{
}
这里的意思是给：类名选择器为 portfolio 的后代的所有 类名选择器为 label-text 的标签设置样式。
里面的样式解析：
position:relative; 是相对定位的意思，如果它的子级元素设置了 position: absolute;
则为子级元素根据当前元素来进行定位，如果子级元素没有设置 position: absolute; 则为当前元素相对于自身进行定位。
z-index:500; 这个样式为元素设置堆叠顺序。例如你有几本书，叠着放在桌子上，你一样只能看见最上面的那本，但是你想放那本在最上面呢？ 通过 z-index 就可以设置元素在最上面。
padding:5px 8px; padding的作用就是设置内边距（也叫内补）第一个参数为设置上和下的内边距分别为 5px , 第二个参数为设置 左 和 右 的内边距分别为 8px；
1、打开任意一个网站，根据自己的需要选择。
2、如图点击右上角三条横杠的按钮。
3、点击”工具“选项。
4、点击”查看源代码“。
5、如图，就可以轻松查看到了该网站的源代码。
6、如果想关闭网页源代码，只需点击左上角“返回”按钮，这样就完成了。
首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签（还有一些新的特性，例如数据库和缓存等特性）
以下为此页面的结构代码：
<!doctype html><html>
<head>
<meta charset="utf-8">
<meta name="revised" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="robots" content="all" />
<title>页面标题</title>
</head>
<body>
<header>
<div></div><!--登陆注册区域-->
</header><!--头部[html5新标签]-->
<nav></nav><!--导航[html5新标签]-->
<div></div><!--banner-->
<div></div><!--左上-->
<div></div><!--右上-->
<div></div><!--左下-->
<div></div><!--右下-->
<footer></footer><!--底部[html5新标签]-->
</body>
</html>
注：以上为页面的大的框架，相对用HTML5新的标签更合理的，全用上了新的带有语义标签。
另外多说一下，[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签，所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了，咱在制作代码的过程中没必要必须用HTML5的代码，主要看是否合理，合理的为较合适的。
多说的：不管用XHTML还是HTML5写代码，结构（HTML5）与样式（CSS）尽量要分离！
希望能帮到你！
html5页面和一般的html页面区别基本不算太大，因为我也刚刚接触h5不久。在一般的页面上加上h5的头信息就可以吧一般页面变成h5页面了。在h5页面上。需要注意一下width和height，标签的话基本上是多了一些新的。和废除了一些旧的，你下一个h5的chm看下就知道了。我现在做项目，用的就是h5，用的头信息是这个:
<meta name="viewport" content="width=device-width, initial-scale=10, user-scalable=0, minimum-scale=10, maximum-scale=10">
HTML5游戏是通过html+javascript+css技术开发的游戏，属于网页游戏，可以运行在HTML5的网页浏览器中。
运行HTML5游戏，需要一个支持HTML5的网页浏览器，比如IE10或11，google的chrome浏览器，火狐firefox，百度浏览器，或者QQ浏览器，猎豹浏览器等CHROME内核的浏览器。
下载的HTML5游戏文件解压后，文件夹中会有一个后缀为html或者htm的文件，应该是在根目录下一般以indexhtml命名。其他文件可能有js后缀，css后缀，或者，请保持相对位置不能动。
然后按下面方式运行那个html文件：
方法1：
打开浏览器，将html文件拖拽到浏览器中。
方法2：
在文件夹中选中html文件，点右键，在菜单选择“打开方式”，然后选择火狐、Chrome浏览器、或者上述所说的百度浏览器、QQ浏览器、猎豹浏览器即可。
下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了；
<html xmlns=" http://wwwdayinmandarincom ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用户注册页面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用户名：</div></td>
<td><input style='width:250px' value='请输入用户名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 码：</div></td>
<td><input style='width:250px' value='请输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>确 认：</div></td>
<td><input style='width:250px' value='请再次输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='请输入真实姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>邮 箱：</div></td>
<td><input style='width:250px' value='请输入电子邮箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注册" /></div>
</div>
</body>
</html>
1、新建一个txt文档，将其文件名和后缀改成“indexhtml”的html文件，如下图所示。
2、新建好html文件后，我们用代码编辑器打开它，然后填写标准的html5代码，如下图所示。
3、新建一个p标签，在p标签中输入一段文字，如下图所示。
4、第一种颜色的设置我们可以通过颜色的英文字母方式，如“color:red;”的方式，这样设置出的字体颜色为红色，用浏览器打开网页，可以看到代码生效，字体颜色被设置成了红色。
5、第二种设置颜色的方式可以16进制方法，如“color:#000f9f;”将颜色设置为了蓝色。刷新网页后，就可以看到我们设置的颜色生效了。
6、最后一种颜色设置就是用rgb的方法，如“color:rgb(156,96,24)；”将颜色设置成了棕**。
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）