1.编码格式 <meta charet="utf-8">(告知浏览器此页面属于什么字符编码格式,进而让浏览器做好翻译工作)
2.<style type="text/css">(告知浏览器此文本内容要当css来解析,不能当作别的)
3.<link rel="stylesheet"type= "text/css" href=”“ (link rel 代表引入外部文件/herf 代表路径)
行内元素有:heda meat title lable span br a style em b i strong
块级元素有:body from select textarea h1-h6 html table button hr p ol ul dl cnter div
5.input是行内元素,若要将两个input分为两行要在前文进行注释{display:block;}
6.<div>相当于一个盒模型,是块级元素,为其id(#)取名 class?
margin为四个边距
例1 margin:10px 5px 15px 20px 顺序为上右下左
例2 margin:10px 5px 15px 上为10px 右左为5px 下为15px
<html>
<head>
<title>编号</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<link rel=""text/css" href="">
<style type="text/css">
input {
display: block;
}
button {
margin-top: 15px;
width: 162px;
}
#ji {
width: 200px;
margin: 200px auto;
}
</style>
</head>
<body>
<div id="ji" class="nini" >
<input type="text" name="text" placeholder="邮箱/手机号">
<input type="password" name="password" placeholder="密码">
<button>登录</button>
</div>
</body>
</html>