2018年1月5日总结

1、UI简单注意事项

一个实例为了实现下边的效果，需要的图层：

简单的ps操作

快捷生成多个无需列

图片效果的时间

将字体设计为普通结构

想做移动一个像素

竖直居中

转换为快内元素

<link rel="stylesheet" href="css/base.css">

引入css

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

<i>标签也是使用斜体字来显示文本

选择器：

*{
margin: 0;
padding: 0;
background: pink;
}
/*所有选择器*/

.p{
font-size: 20px;
}

/*class类选择器*/

.p{
font-size: 20px;
}
/*标签*/

img{
border: 1px solid green;
} 
p{
color: pink;
}
/*id选择器*/
#123{
background: gray;
}

例子

<h2 id="123">123</h2>

margin-bottom: 15px;设置元素的下边距

text-align: center;文本对齐方式

overflow: hidden;隐藏溢出

line-height: 25px;设置以百分比计的行高：

background-position 属性设置背景图像的起始位置。

padding-left元素的左内边距：