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元素的左内边距: