第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是内容)

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

时间: 2024-08-04 23:22:19

第20天:京东nav、footer部分制作的相关文章

第19天:京东头部小三角制作

京东头部小三角制作方法: 1.在需要小三角的地方加入"<i><s>◇</s></i>",如下: <div class="dt">送至:北京 <i><s>◇</s></i></div> 2.设置css样式如下.dt{ position: relative; padding:0 20px 0 10px;}.dt i{ font: 400 15px/15

html5新特性-header,nav,footer,aside,article,section等各元素的详解

Html5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性.级块性元素.行内语义性元素和交互性元素四大类. 下面是对各标签的详解,section.header.footer.nav.article.aside.figure.code.dialog.meter.time.progress.video.audio.details.atagrid.menu.command的 介绍 结构性元素主要负责web上下文结构的定义 <section>:在 we

回忆杀:外国程序员时隔20年意外找到自己儿时制作的游戏

IT 之家 12 月 28 日消息 据外媒报道,一位程序员意外地在直播中找到了自己 12 岁时开发的游戏,而这款游戏距今已有 20 年光景. 据报道,这位名叫瑞克·布鲁斯特(Rick Brewster)的程序员是 Paint.NET 的作者,后者是 Microsoft Paint 的免费替代产品,其功能已扩展,具有与 Photoshop 和 GIMP 等图像创建程序相似的功能.1994 年,布鲁斯特在 12 岁时制作了<金色长笛 IV:永恒之笛>,这是一款基于 DOS 的角色扮演游戏,其灵感来

导航电子地图制作甲级测绘资质

四维图新.高德.灵图.长地万方.凯立德.易图通.国家基础地理信息中心.立得空间.腾讯大地通途.江苏省测绘工程院.浙江省第一测绘院.江苏省基础地理信息中心.武汉光庭.滴图科技.武汉中海庭.贵州宽凳.北京初速度.江苏晶众.江苏智途等19家.在这近20家已经获得导航电子地图制作(甲级)测绘资质的单位中,除国家基础地理信息中心.江苏省测绘工程院.江苏省基础地理信息中心和浙江省第一测绘院等4家事业单位外,其他12家均为企业单位.而在这12家企业单位中,不只有传统图商,也能看到主机厂和科技公司的影子,如上汽

html5制作导航条

(1)background-repeat:no-repeat;图片不平铺 (2)使用<ul>和<li>便签,代码简介有序.易于编排. (3)在引入外部css文件时,<link>标签中的rel是关联的意思,rel="stylesheet"; (4)display:inline;实现使多个<div>像<span>标签显示在一行. (5)list-style:none;列表样式:无.  用于在一个声明中设置列表的所有属性的简写属性.

IOS7开发~Xcode5制作framework

一.Framework 简介(Introduction to Framework Programming Guide) Mac OS X 扩展了 framework 的功能,让我们能够利用它来共享代码和资源.通过 framework 我们可以共享所有形式的资源,如动态共享库,nib 文件,图像字符资源以及文档等.系统会在需要的时候将 framework 载入内存中,多个应用程序可以同时使用同一个 framework,而内存中的拷贝只有一份.一个 framework 同时也是一个 bundle,我

IOS7 ~ Xcode5 制作 framework

一.Framework 简介(Introduction to Framework Programming Guide) Mac OS X 扩展了 framework 的功能,让我们能够利用它来共享代码和资源.通过 framework 我们可以共享所有形式的资源,如动态共享库,nib 文件,图像字符资源以及文档等.系统会在需要的时候将 framework 载入内存中,多个应用程序可以同时使用同一个 framework,而内存中的拷贝只有一份.一个 framework 同时也是一个 bundle,我

20小时掌握网站开发(免费精品htmlcss视频教程)

自己最近研发了一套新的htmlcss教程,并进行了授课实施,视频教程百度云下载链接如下: 视频及案例源码下载地址 本套教程视频需要安装屏幕录像专家软件才能观看,屏幕录像专家下载地址如下: 屏幕录像专家 本套教程的目标为让具备初中以上学历的任何人都可以在短时间内(20个小时)入门网页制作. 本套教程的亮点如下: 案例精心设计,全套教程目标围绕制作一个二手书商城首页展开. 有路网 将该商城首页分解为各个模块,贯穿到整个教程的各个章节当中,最后一章综合实战将各个模块布局为一个整体,让学员可以了解到各种

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.