网页编写
网站logo
<a href="" class="logo">logo名</a>
设置css reset命名rest.css文件
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
a{
text-decoration:none;
}
ul{
list-style:none;
}
设置common css命名common.css文件
.clearfix::after{
content:"";
display:block;
clear:both;
}
<!--清除浮动-->
设置背景图片:
css中写入min-height/min-width设置最小最大
- 行内元素有浮动里就可以设置margin,padding
figure标签
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
- 页面显示小图片的地方尽量用小px的图片,图片太大影响页面性能
a:hover::before{
}
<!--显示圆形-->
border-radius:50%;
<!--设置圆形-->
css设置透明度
.box{
opacity:0.8;
}
div盒内加遮罩
.box{
content:'';
display:block;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:red;
}