1.标题:<h></h> 段落:<p></p>
2.使元素水平(横向):float:left;
3.设置网页背景颜色,background-color:颜色;以图片作为背景background-image:url(image(路径).png/jpg);
4.关于文本:颜色:color:颜色; 行高:line-height: ; 文字间距:word-spacing: 字母间距:letter-spacing:
空白属性:white-spacing:;输入pre,浏览器显示原文本中所有 回车和空格;输入nowrap使所有空格成为非断行空格
输入normal,正常方式处理空格,即在代码中无论出现多少个空格,在浏览器中只显示一个空格;
字体大小:font-size:;对齐文本:text-align:center/right/left;
修改文本大小写:text-transform:capitalized(每个单词首字母大写);
uppercase(所有字母大写);lowercase(所有字母小写);
字体:font-family:字体;粗体:font-wedth
5.盒子模型:html中添加<div id=名称 >内容</div> css中设置#名称{ width:; height:; margin:auto; padding:10px 20px 10px 20px;
border:1px solid 边框颜色; }等属性
6.使div盒子边框为圆或者椭圆:text-radiuc:50%;<数字可更改>
7.设置水平垂直居中:
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;//垂直居中
-webkit-justify-content: center;
justify-content:center;//水平居中
相对定位:position:relative; left为正值时左移 相对起始位置
绝对定位:position:absolute;相对于它最近带有定位的父级进行定位
盒子居中:width:200px; height:100px;
position:absolute;
left:50%; margin-left:-100px;(-外盒子宽度的一半;)
top:50%; margin-top:-50px;(-外盒子高的一半;)