文字的常用属性:
font-size:文字的大小
color:文本的颜色
font-weight:bold 加粗
placeholder 输入框的提示值
widtht:宽度
height:高度
border:1px solid red 边框和颜色
backgroud:背景色
type= password 类型为密码类型
border - radius:8px边框的弧度
text-align:块状居中
在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素(行内元素)
<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素
元素占一行
display:inline-block; 将内联元素设置为块级元素就可以设置宽高等属性
position:relative:(表示相对位置),它通过left、right、top、bottom属性确定元素在正常文档中的偏移位置。相对位置完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样的浮动起来),然后相对于以前的位置移动
position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具体定位属性的父包含块进行绝对定位
position:fixed 表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身
相对布局与绝对布局慕课网地址:http://www.imooc.com/code/3585
绝对布局
第一种方式设置width=60%;left=20%;right=20%
第二种方式设置width=200px ;left=50%;margin-left=-100px;