原文:任务九:使用HTML/CSS实现一个复杂页面

任务目的 通过实现一个较为复杂的页面,加深对于HTML,CSS的实战能力 实践代码的复用 优化 任务描述 通过HTML及CSS实现设计稿设计稿PSD文件 点击下载 ,效果如效果图 点击打开 整个页面内容宽度固定,但头部的蓝色导航和浏览器宽度保持一致 任务注意事项 只需要完成HTML,CSS代码编写,不需要写JavaScript tab只需要实现样式,有能力余力的同学可以尝试实现不使用JavaScr ...

2017-04-15 16:31 2 2140 推荐指数:

查看详情

htmlcss来编辑一个简单的html页面

传智播客模板页 下面先来看一下效果图 首先分析一下,该页面有3个部分头部,主体部分,尾部 下面我们来看一下头部,首先,头部的背景是渐变效果,我们光靠代码无法编辑出来,只能使用fireworks软件切图 传智播客的logo和banner广告词 也要切下来,这样既提高了网页在浏览器 ...

Sat Nov 04 06:23:00 CST 2017 0 6216
使用js实现不同终端引入不同的html页面css样式js等

我在工作中刚遇到一个关于一个html在不同终端下引入不同的html页面css样式js等的问题,下面我把它的实现方法分享给大家。 分别新建移动端和PC端需要的html文件(这里就以html文件格式命名) mobile-index.html代码如下: pc-index.html ...

Sun Dec 28 05:33:00 CST 2014 0 7827
怎样用css来美化一个html页面

# 转载请留言联系 我们都知道html写出来的东西是一个文本内容,很单调。和我们平时刷网页看到的内容不一样。那普通的网页是怎样对html超文本进行装饰的呢?没错,就是CSScss的基本语法 选择器{ 样式属性:样式值; 样式属性:样式值; 样式属性:样式值 ...

Sun Sep 16 03:42:00 CST 2018 0 3065
HTML+CSS实现一个计科院网站首页静态页面

思路: 首先观察我校计科院网站首页,按F12观察它的各个板块的布局。 然后用<div>从上到下从左到右一块一块仿照着来实现。 需要用到的图片全都从原本网站上保存下来使用。 效果: HTML代码(CSS全采用内部引用 ...

Tue Mar 19 19:05:00 CST 2019 0 933
HTML+CSS 实现商城页面

目录:   1.首页项目结构   2.通用样式抽取   3.结构与样式   4.顶部广告   5.顶部通栏结构   6.顶部通栏样式   7.搜索结构搭建   8.搜索样式   9. ...

Tue Aug 25 04:31:00 CST 2020 0 2530
html css js】实现一个简易日历

——【效果预览】 实现了日历最基础的功能,当前日期红色显示,可通过上方的左右按钮查看上一月或下一月的日期。 ——【代码部分】 1. HTML 2. CSS 【效果图】: 3.JS部分【博主引用了jq框架】 ——1. 引入jq ...

Sun Nov 17 00:04:00 CST 2019 0 884
HTML页面实现一个简单的Tab

参考:http://blog.sina.com.cn/s/blog_6cccb1630100m23i.html HTML页面代码如下: 简单的JavaScript代码如下: 简单的CSS代码如下: ...

Thu Oct 31 02:04:00 CST 2013 0 3495
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM