博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【web】movie review——静态页面训练、css训练
阅读量:5896 次
发布时间:2019-06-19

本文共 11546 字,大约阅读时间需要 38 分钟。

 

 实现样式要求:

 


 

image:

banner.png:

generaloverview.png:

background.png:

 

bannerbackground.png:

 

rottenbig.png:

 rottenbackground.png:

 

fresh.gif

rotten.gif

critic.gif


 



 

文件目录:

     -image

     -movie.css

     -skeleton.html

     -tmnt.html

 


 

文件内容:

 movie.css

body {
background-image: url("images/background.png"); padding: 0; margin: 0;}* {
font-size: 8pt; font-family: Verdana, Tahoma, sans-serif;}q {
font-weight: bold;}.toppic {
height: 50px; text-align: center; background-repeat: repeat-x; background-image: url("images/bannerbackground.png");}.bigheading {
text-align: center; font-size: 24pt; font-family: Tahoma, Verdana, sans-serif; font-weight: bold;}.main {
position: relative; /*margin-right: auto; margin-left: auto;*/ overflow: hidden; border-bottom:0px; width:800px; margin:0 auto; border :4px gray solid;}.rottenbigDiv {
margin-left: 0; width: 550px; float: left; background-image: url("images/rottenbackground.png"); background-repeat: repeat-x;}#redDiv {
font-size: 48pt; color: red; font-weight: bold; /*vertical-align: bottom;*/}.rottenbigDiv img {
vertical-align: bottom; height: 83px;}#zitiDiv {
color: white; /*vertical-align: 12px;*/}.quote { /*font-size: 8pt;*/ background-color: #E1D697; border: 2px gray solid; padding: 8px; overflow: hidden; font-weight: bold;}.contentleft {
width: 550px; margin: 0; overflow: hidden;}.contentDiv {
margin-left: 2%; width: 47%; float: left;}.leftcontent { /*overflow: hidden;*/ /*margin-left: 2%;*/ margin-bottom: 3em;}.imagep {
overflow: hidden;}.generaloverviewDiv {
float: right; background-color: #A2B964; width:250px; padding-bottom: 10px;}dt {
font-family: Arial, sans-serif; font-weight: bold;}dd {
font-family: Arial, sans-serif; margin-bottom: 1em;}dl {
margin: 1em;}#bar {
padding: 5px; width:800px; text-align: center; background-color: #A2B964; float: right; margin: 0;}.bottom {
float: right; position: fixed; right: 0px; bottom: 0px;}.kuangImage {
float: left; vertical-align: top; margin-right: 5px;}.xieti {
font-style: italic;}

skeleton.html

            
TMNT - Rancid Tomatoes
Rancid Tomatoes

TMNT (2007)

general overview
STARRING
Mako
Sarah Michelle Gellar
DIRECTOR
Kevin Munroe
RATING
PG
THEATRICAL RELEASE
Mar 23, 2007
MOVIE SYNOPSIS
After the defeat of their old arch nemesis, The Shredder, the Turtles have grown apart as a family.
MPAA RATING
PG, for animated action violence, some scary cartoon images and mild language
RELEASE COMPANY
Warner Bros.
GENRE
Action/Adventure, Comedies, Childrens, Martial Arts, Superheroes, Ninjas, Animated Characters
OFFICIAL MOVIE SITE
The Official TMNT Site
Rotten 32% (88 reviews total)

Rotten Ditching the cheeky, self-aware wink that helped to excuse the concept's inherent corniness, the movie attempts to look polished and 'cool,' but the been-there animation can't compete with the then-cutting-edge puppetry of the 1990 live-action movie.

Critic Peter Debruge

Variety

Fresh TMNT is a fun, action-filled adventure that will satisfy longtime fans and generate a legion of new ones.

Critic Todd Gilchrist

IGN Movies

Rotten It stinks!

Critic Jay Sherman (unemployed)

Rotten The rubber suits are gone and they've been redone with fancy computer technology, but that hasn't stopped them from becoming dull.

Critic Joshua Tyler

CinemaBlend.com

Rotten The turtles themselves may look prettier, but are no smarter; torn irreparably from their countercultural roots, our superheroes on the half shell have been firmly co-opted by the industry their creators once sought to spoof.

Critic Jeannette Catsoulis

New York Times

Rotten Impersonally animated and arbitrarily plotted, the story appears to have been made up as the filmmakers went along.

Critic Ed Gonzalez

Slant Magazine

Fresh The striking use of image and motion allows each sequence to leave an impression. It's an accomplished restart to this franchise.

Critic Mark Palermo

Coast (Halifax, Nova Scotia)

Rotten The script feels like it was computer generated. This mechanical presentation lacks the cheesy charm of the three live action films.

Critic Steve Rhodes

Internet Reviews

(1-8) of 88

Valid XHTML 1.1
Valid CSS!

tmnt.html

            
TMNT - Rancid Tomatoes
Rancid Tomatoes

TMNT (2007)

general overview
STARRING
Mako
Sarah Michelle Gellar
DIRECTOR
Kevin Munroe
RATING
PG
THEATRICAL RELEASE
Mar 23, 2007
MOVIE SYNOPSIS
After the defeat of their old arch nemesis, The Shredder, the Turtles have grown apart as a family.
MPAA RATING
PG, for animated action violence, some scary cartoon images and mild language
RELEASE COMPANY
Warner Bros.
GENRE
Action/Adventure, Comedies, Childrens, Martial Arts, Superheroes, Ninjas, Animated Characters
OFFICIAL MOVIE SITE
The Official TMNT Site
Rotten
32%
(88 reviews total)

Rotten Ditching the cheeky, self-aware wink that helped to excuse the concept's inherent corniness, the movie attempts to look polished and 'cool,' but the been-there animation can't compete with the then-cutting-edge puppetry of the 1990 live-action movie.

Critic Peter Debruge

Variety

Fresh TMNT is a fun, action-filled adventure that will satisfy longtime fans and generate a legion of new ones.

Critic Todd Gilchrist

IGN Movies

Rotten It stinks!

Critic Jay Sherman (unemployed)

Rotten The rubber suits are gone and they've been redone with fancy computer technology, but that hasn't stopped them from becoming dull.

Critic Joshua Tyler

CinemaBlend.com

Rotten The turtles themselves may look prettier, but are no smarter; torn irreparably from their countercultural roots, our superheroes on the half shell have been firmly co-opted by the industry their creators once sought to spoof.

Critic Jeannette Catsoulis

New York Times

Rotten Impersonally animated and arbitrarily plotted, the story appears to have been made up as the filmmakers went along.

Critic Ed Gonzalez

Slant Magazine

Fresh The striking use of image and motion allows each sequence to leave an impression. It's an accomplished restart to this franchise.

Critic Mark Palermo

Coast (Halifax, Nova Scotia)

Rotten The script feels like it was computer generated. This mechanical presentation lacks the cheesy charm of the three live action films.

Critic Steve Rhodes

Internet Reviews

(1-8) of 88

Valid XHTML 1.1
Valid CSS!

 

推荐使用chrome扩展程序Page Ruler

 

转载于:https://www.cnblogs.com/xieyuanzhen-Feather/p/7567986.html

你可能感兴趣的文章
ibatis学习
查看>>
Top 6 Programming Languages for Mobile App Development
查看>>
1023. 组个最小数 (20)
查看>>
学习刘伟择优excel视频
查看>>
关于c#邮件发送的简单例子
查看>>
H5地理定位以及移动距离计算
查看>>
MySQL操作失误,如何恢复数据
查看>>
简单调整配置深度Linux-15迅速开始学习工作
查看>>
[USACO 2010 Open Silver 3.Time Travel]——链表
查看>>
[Codeforces261D]Maxim and Increasing Subsequence——树状数组+DP
查看>>
自己瞎写的小项目随笔
查看>>
【语法】NSString
查看>>
最短路径(弗洛伊德算法)- 数据结构和算法65
查看>>
Java 环境设置
查看>>
在Windows上使用libcurl发起HTTP请求
查看>>
Django中多对多关系的orm表设计
查看>>
【原】硬解析和物理读取vs软解析和逻辑读取
查看>>
还需要注册的是我们还有一个是“交差集” cross join, 这种Join没有办法用文式图表示,因为其就是把表A和表B的数据进行一个N*M的组合,即笛卡尔积。表达式如下:...
查看>>
大话微服务
查看>>
Ribbon2: 创建动态的Ribbon库
查看>>