名称 | 说明 |
css | css文件夹 CSS |
images | 图片文件夹 |
index | 京东首页 HTML |
js | javascript文件夹 |
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
<meta name="description" content="小米商城直营小米公司旗下所有产品,囊括小米手机系列小米MIX、小米Note 2,红米手机系列红米Note 4、红米4,智能硬件,配件及小米生活周边,同时提供小米客户服务及售后支持。" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<meta name="keywords" content="小米,小米5s,红米Note4,小米MIX,小米商城" />
知识点 | 说明 |
通栏的盒子 | 不用给宽度 默认为 100% 但是加了浮动和定位的盒子需要 添加 100% |
盒子居中对齐 | margin: auto; 注意必须有宽度的块级元素,文字水平居中对齐是 text-align:center; |
行高会继承 | 文字性质的,比如 颜色、文字大小、字体、行高等会继承父级元素 |
浮动元素、固定定位,绝对定位会模式转换 | 具有行内块特性,比如一行放多个,有高度和宽度,如果没有指定宽度,则会根据内容多少撑开。 |
知识点 | 说明 |
浮动元素特性 | 1. 浮动可以让多个元素同一行显示 2. 浮动的元素是顶部对齐 |
logo优化 | text-indent: -20000px; 隐藏文字, 背景图片 |
清除浮动 | 清除浮动的目的就是为了解决父亲高度为0的问题 |
鼠标样式 | cursor: pointer; 小手 cursor: move; 四角箭头 cursor: text; 插入光标 cursor: default; 小白 |
不允许换行 | white-space: nowrap; |
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) | 黑马程序员IT技术论坛 X3.2 |