专栏首页前端知识分享第20天:京东nav、footer部分制作

第20天:京东nav、footer部分制作

一、鼠标的4种状态

cursor:pointer; 鼠标变成小手 cursor:default;小白 cursor:move;移动 cursor:text;文本输入

二、网页布局: 1、input、button行内块元素之间有空隙,设置浮动可以清除空隙 2、给一个盒子:宽度高度、背景边框、位置 3、背景既有图片也有颜色设置: background:url(images/1.jpg) no-repeat red; 只有背景颜色:background-color:#ccc;

4、块级元素可以嵌套任何元素,行内元素尽量只嵌套行内元素 5、p里面一定不能放div 6、a标签可以放div,a里面不能放a、input 7、文字排版,盒子必须有宽度

8、、PS选中图层,然后选择图层——基于图层的切片,会自动生成图层切片

9、如果一个盒子绝对定位或浮动或inline-block,不设置宽度的话,则宽度和内容同宽

10、网页导航部分推荐使用ul、li,footer部分的links使用a标签

11、具有层级关系的,可以使用dl>dt>dd等标签(dl是普通列表、dt是标题、dd是内容)

京东首页头部、导航、尾部已完成。效果如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 第213天:12个HTML和CSS必须知道的重点难点问题

    这12个问题,基本上就是HTML和CSS基础中的重点个难点了,也是必须要弄清楚的基本问题,其中定位的绝对定位和相对定位到底相对什么定位?这个还是容易被忽视的,浮...

    半指温柔乐
  • 第71天:jQuery基本选择器(二)

    半指温柔乐
  • 第2天:HTML常用标签

    一、超链接a href:www.baidu.com(跳转页面);id名(锚点跳到相应div位置);01.rar(压缩包) target:_blank(新窗口打...

    半指温柔乐
  • 标签显示模式(display)

    HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:

    星辰_大海
  • 两个栈实现一个队列

    由于往栈中添加元素相当于往队列头添加元素,因此我们需要在两个队列中进行元素的转移,比较简单的实现是:

    唐怀瑟
  • CSS标签显示模式及单行文本

    (1)和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。一行可以显示多个 (2)默认宽度就是它本身内容的宽度。 (3)高度,行高、外边距以及内边距...

    乐心湖
  • BurpSuite之抓取HTTPS导出导入和卸载CA证书

    在抓取HTTPS网站时,如果不导入证书,打开https网站则会出现校验失败网页出现如下内容

    用户6367961
  • 谈谈蓝鲸平台的高可扩展性和高可维护性

    ...

    嘉为科技
  • 【CPP】链表桶排序

    转眼就开学这么久了呀,我又在干什么呢?这学期的数据结构装逼般地买了国外的教材,虽然比国内版难上许多,但是难也就代表讲了更多的东西,那就还是要啃下去呀。那...

    ZifengHuang
  • CVE-2020-0601:微软核心加密库漏洞学习心得

    没接触过公钥签名信任体系的可能不太好理解这个漏洞。我们就撇开具体算法和PKI公钥体系,先来简单说说证书的信任关系是如何建立的。

    Timeline Sec

扫码关注云+社区

领取腾讯云代金券