乔越

发表文章数:114

四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 编程语言 » HTML » 简单学习写花瓣网首页html源码单页练习

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

用到的知识点有:


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

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

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;

只为学习 增加知识

 

 

抱歉,隐藏内容 回复 后刷新可见

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《简单学习写花瓣网首页html源码单页练习》 发布于2019-05-17

分享到:
赞(0) 打赏 生成海报

评论 4

7 + 7 =
  1. #1

    支持楼主。。。。。

    caizhida11个月前 (06-30)回复
  2. #2

    支持楼主…………

    deviler11个月前 (07-10)回复
  3. #3
    qq_avatar

    额皇家空军红豆沙尽快落地

    人走草青9个月前 (09-10)回复
  4. #4
    qq_avatar

    支持楼主

    家有贤夫7个月前 (10-23)回复

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册