简单学习写花瓣网首页html源码单页练习

简单学习写花瓣网首页html源码单页练习

用到的知识点有:


1.ul>li标签写的导航栏 并用到了伪类选择器 hover

2.用到相对定位 position: relativeinput输入

3.用到了左浮动 float: left;margin外边距

4.用到 圆角css

-webkit-border-radius: 30px;
-moz-border-radius: 30px;

5.用了转换为块级元素 display: inline-block;

6.垂直对齐一幅图像:vertical-align: middle;

7.边框 border:1px solid rgb(255, 255, 255);

8.首行缩进 text-indent:10px;

9.去除input 的轮廓 outline:none;

10.去除li的点 list-style:none;

只为学习 增加知识

资源下载

上一篇

Java面向对象之继承的用法和理解