用html制作一个华为页面,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 Hack

Html 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步、扫码领取

喜欢记得来一个

用html制作一个华为页面,Web前端项目实战——华为荣耀商城（学完html+css就可以做）...相关推荐

html项目_学完html+css就可以做的前端项目实战
爱创课堂专业前端培训微信:haomei0452 前端资料免费分享平台关注博雅互动项目预览: 一.项目搭建 css部署:一定注意css引入顺序1 清除默认样式css文件 reset.css2 可以 ...
WEB前端项目实战/酒仙网开发-李强强-专题视频课程
WEB前端项目实战/酒仙网开发-204人已学习课程介绍 WEB前端项目实战/酒仙网开发课程收益 WEB前端项目实战/酒仙网开发讲师介绍李强强更多讲师课程 ...
最新麦子学院Web前端项目实战 Web前端开发从入门到精通33G完整版
课程介绍下载地址:百度网盘一共超过33G的整套麦子学院Web前段视频教程,共分为4大阶段循序渐进的进行逐步深入的解读,从基础知识入门到后期的项目实战开发对于想从事Web前端学习和开发工作的朋友来 ...
web前端项目实战_vue项目仿美团【爱创课堂】
目录 Vue 2.0 一.Vue Cli 1.1安装 1.2创建项目 1.3启动项目 1.4目录架构 1.5 webpack配置二.项目实战 2.1技术架构 2.2目录部署 2.3路由 2.4 we ...
web前端项目实战_Vue项目仿美团【爱创课堂】
目录 Vue 2.0 一.Vue Cli 1.1安装 1.2创建项目 1.3启动项目 1.4目录架构 1.5 webpack配置二.项目实战 2.1技术架构 2.2目录部署 2.3路由 2.4 we ...
软件测试web自动化项目实战——TPshop开源商城系统
自动化测试流程目标 1. 熟悉自动化测试的流程 1. 自动化测试的流程 1. 需求分析 2. 挑选适合做自动化测试的功能 3. 设计测试用例 4. 搭建自动化测试环境 [可选] 5. 设计自动化测 ...
前端还在切图？学完这些css，再也不用切图了！
标题开个玩笑,实际上CSS3有许多亮眼的特性,比如阴影shadow.动画animation.形变transform.渐变gradient.滤镜filter等,合理运用这些特性,可以实现许多高大上的效果 ...
一个合格的Web前端工程师要掌握的知识点汇总
Web前端开发人员使用的技术CSS和HTML.JavaScript,根据设计师设计的雏形来编写代码.布局,框架,浏览器涉及到不同的领域知识广度,把网站界面更好地呈现给用户.那么问题来了,初学Web前端 ...
一个合格的web前端程序员要学会哪些技能？
想要成为一名合格的web前端程序猿,要学习的东西有很多,那么web前端要学会哪些技能呢?来看看下面的详细介绍就知道了. 一个合格的web前端程序员要学会哪些技能?想从事web前端开发,只会HTML.C ...

用html制作一个华为页面,Web前端项目实战——华为荣耀商城（学完html+css就可以做）...

用html制作一个华为页面,Web前端项目实战——华为荣耀商城（学完html+css就可以做）...相关推荐

最新文章

热门文章