Web前端项现在实战——华为荣耀商城(学完html+css就能够做)
复习:
1.1到现在所学的组织手段table组织:
div+css组织:
固定组织
百分比组织
1.2 盒子模型Margin border padding content
1.3 组织模型起伏模型 标准流 block inline inline-block
浮动模型 left right
层模型 relative absolute fixed
1.4 BFC(Block Formating Context) 块级格式化上下文Float 不为none
Position 不为static
......
1.5 雪碧图 CSS Sprite缩短http乞求
行使background属性实现
1.6 HackHtml Hack Css Hack: 值的Hack 选择器Hack
IE Tester 模拟
一、 项现在实战
一个网站会有许众页面,能够始末a标签进走跳转;
每个页面都是众栽新闻的载体
一个网站包含这么几个片面:
网页组织 html
网页外现 css
网页走为 js
能够会存在一些素材及配置文件等等
现在为止,一个网站包含这么几个现在录:
Images 图片现在录 存放一切的素材文件
Css 存放一切css形式文件
Js 存放一切的js文件
网页文件
还能够会有一些其他的第三方引包
做一个项现在之前,最先要分析项现在需要;
拿到成果图,查望素材尺寸等是否完善,及时和美工疏导;
异国题目之后,分析页面组织构成,形成一个也许的思路
进走页面及成果的安放
网站始页 index.html 对答的css文件清淡名字为 style.css 或 default.css
其他页面遵命语义化进走命名
一些比较浅易的形式 原子类竖立 base.css
众个页面能够共享的形式 吾们叫做公共形式 comment.css
现在页面的形式
望到通栏 width:100%
版心 inner 900-1300px之间
华为荣耀商城项现在领取手段:
第1步、分享本文到朋侪圈(必须一切人可见)
第2步、扫码领取
上一篇:某地产集团全套岗位表明书