第一天成果

1、浮动的盒子不要给宽，内容撑起盒子的宽

　　在前端设计中，一般不给浮动的盒子设置宽，让其用内容撑起一个高度。

2、小三角的表示

　　◇用一个盒子（盒子宽为字的宽，高度为字高度的一半）去截取这个菱形来得到一个三角，当然还要涉及到浮动。

3、块级元素只能通过padding-top来调节垂直居中

4、文字旁边的小图标

　　文字旁边的小图标是通过设置左右padding来给出一个空白，然后让图标进行绝对定位将图标加到文字的旁边。

第二天成果

转载于:https://www.cnblogs.com/sylz/p/5727327.html

CSS——京东首页实战总结相关推荐

html+css网站首页实战
html+css网站首页实战 html部分 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
H5 css 京东首页
文件夹image 存储需要的图片ad.jpg,buy.jpg,jd_r2_c2.jpg,logo.jpg,phone.jpg buy.jpg jd_r2_c2.jpg logo.jpg phone. ...
HTML+CSS 京东首页
终于抽时间把这个项目学完了, 学习到了太多 1.HTML <html lang="en"><head><meta charset="utf- ...
[HTML+CSS] 仿京东首页项目实战
实现效果: 此项目要实现结构与样式相分离的设计思想样式文件的分类: 初始化css让浏览器风格统一,把常用的初始化语句放入base.css里面我们把一些公共的样式放入common.css里面(因为 ...
html5页面结构案例,前端学习笔记（五）HTML+CSS静态页面实战案例：幸福西饼首页和百度首页...
按照知乎上面汪小黑推荐的前端学习路径,在自学了HTML和CSS之后,开始尝试实战制作静态页面小项目. 幸福西饼首页制作首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材.源 ...
HTML和CSS实现京东首页（html和css详解）
HTML和CSS实现京东首页,效果图如下: 基本代码如下:需要源代码和素材的评论区留言 (1)页面部分设计如下: <!DOCTYPE html> <html lang="e ...
div+css+jquery仿写HTML京东首页的练习及一些关于oo css的总结
整个工程: https://download.csdn.net/download/weixin_43388844/10864383 前言前几天看b站上极客学院的web前端开发第二部分时了解到OO C ...
HTML5期末大作业：京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品电商网页设计作业模板学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品电商网页设计作业模板学生网页制作源代码下载常见网页设计作业题材有个人. ...
网页设计作业`京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品电商网页设计作业模板学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿京东首页(1页) HTML+CSS+JavaScript 大学生网页作品电商网页设计作业模板学生网页制作源代码下载文章目录 HTML5期末大作业:京东网站 ...

CSS——京东首页实战总结

第一天成果

第二天成果

CSS——京东首页实战总结相关推荐

最新文章

热门文章