bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/css/public.css Normal file
View File

@@ -0,0 +1,43 @@
.float_left {
float: left;
}
.float_right {
float: right;
}
.c_center {
margin: 0 auto;
}
.turn_page {
width: 121px;
height: 42px;
float: right;
}
.turn_page i {
display: inline-block;
width: 12px;
height: 28px;
padding: 1px 6px;
line-height: 28px;
}
.turn_page i:hover {
background-color: hsla(0,0%,84.7%,.2);
border-radius: 50%;
color: #fe3666;
}
.turn_page span {
display: inline-block;
width: 62px;
height: 21px;
text-align: center;
}
.big {
font-size: 18px;
font-weight: 600;
}

651
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/css/task1.css Normal file
View File

@@ -0,0 +1,651 @@
.header {
height: 40px;
background-color: #222222;
}
.center {
margin: 0 auto;
}
.ct {
padding-top: 40px;
}
.nav {
width: 1164px;
height: 40px;
line-height: 40px;
text-align: center;
}
.nav li:nth-child(1n+2):hover {
background: #444;
}
.more {
position: relative;
}
.more:hover i{
transform: rotate(180deg);
}
.nav_more a {
color: #191919!important;
display:block;
float:left;
width: 67px;
font-size: 14px;
}
.more a:hover {
background: #f9f9f9 ;
color: #c9141d!important;
}
.more i {
display: inline-block;
transition: transform 0.2s;
}
.more:hover .nav_more {
display: block;
}
.nav_more {
width: 268px;
height: 120px;
padding: 7px 10px;
border: 1px solid #ddd;
position: absolute;
left: -120px;
color: #191919;
display: none;
background-color: #fff;
z-index: 9;
}
.logo {
background: url(../img/s_logo.png);
width: 44px;
height: 20px;
float: left;
margin-top: 9px;
margin-left: 7px;
}
.icon-shouye {
font-size: 18px;
color: #ccc;
float: left;
}
.nav li {
width: 74px;
float: left;
margin-right: 5px;
color: #fff;
}
.nav li a {
color: #fff;
}
.shu::before {
content: "";
width: 1px;
height: 16px;
background-color: #666666;
float:left;
margin-top: 12px;
}
.nav li:last-child {
width: 130px;
}
.reset_n {
height: 40px;
}
.content .ct {
width: 1182px;
/* background-color: #444; */
margin-top: 10px;
}
.c_left_user {
width: 138px;
height: 217px;
border: #ddd 1px solid;
text-align: center;
position: relative;
}
.c_left_user_portrait {
width: 72px;
height: 72px;
border-radius: 50%;
margin-top: -20px;
}
.c_left {
float: left;
}
.level {
margin-top: 5px;
margin-bottom: 10px;
}
.read_information {
margin-top: 0px;
height: 50px;
}
.read_information div {
width: 50%;
height: 50px;
float: left;
margin-left: -1px;
}
.read_information div a {
display: block;
}
.read_information div:first-child {
border-right: #6666663f solid 1px;
}
.read_information p {
font-size: 14px;
}
.read_information span {
font-size: 12px;
color: #666;
}
.see {
width: 100%;
height: 31px;
background-color: #f9f9f9;
position: absolute;
bottom: 0px;
color:#666;
line-height: 31px;
font-size: 12px;
}
.c_left_comment {
width: 140px;
height: 120px;
margin-top: 20px;
}
.c_line {
font-size: 14px;
color: #404040;
text-align: center;
}
.c_line::before,
.c_line::after {
content: "";
display: inline-block;
height: 1px;
width: 45px;
background-color: #efefef;
position: relative;
top:-5px;
}
.c_line::before{
right:10px;
}
.c_line::after{
left:10px;
}
.c_left_comment img {
margin-top: 10px;
}
.c_left_comment {
text-align: center;
}
.red {
font-family: Georgia,Arial;
color: #da2128;
font-size: 24px;
}
.c_left_share {
width: 140px;
height: 150px;
}
.c_left_share ul li {
width: 140px;
height: 20px;
font-size: 12px;
color: #606060;
padding: 0 20px;
margin-top: 10px;
}
.c_left_share ul li span {
float: left;
}
.c_left_share ul li img {
float: left;
margin-top: -3px;
margin-right: 10px;
}
.c_center {
width: 640px;
height: 10000px;
float: left;
margin-left: 20px;
}
.article h2 {
color: #191919;
font-size: 28px;
}
.article .article_time {
margin-top: 20px;
color: #999;
font-size: 14px;
}
.article img {
display: block;
margin: 20px auto;
}
.article {
overflow: hidden;
}
.article p {
font-size: 16px;
color: #191919;
line-height: 1.9;
}
.article_bottom div {
margin-top: 24px;
box-sizing: border-box;
float: left;
width: 80px;
height: 34px;
border: 1px solid #e5e5e5;
border-radius: 17px;
text-align: center;
line-height: 31px;
color: #606060;
font-size: 12px;
}
.article_bottom p {
padding-top: 25px;
float: right;
font-size: 12px;
counter-reset: #666666;
}
.allsee {
overflow: hidden;
margin-top: 20px;
}
.allsee img {
width: 195px;
height: 130px;
}
.allsee li {
float: left;
margin-right: 27px;
margin-bottom: 16px;
width: 195px;
height: 178px;
overflow: hidden;
}
.allsee_title {
height: 29px;
font-size: 18px;
}
.allsee_title span {
margin-left: 20px;
}
.allsee_title::before{
content: "";
display: inline-block;
height: 19px;
width: 3px;
background-color: yellow;
position: relative;
top: 4px;
}
.allsee li:nth-child(3n) {
margin:0;
}
.italk {
width: 100%;
}
.italk_title {
float: left;
height: 29px;
width: 100%;
font-size: 18px;
}
.italk_title span {
margin-left: 20px;
}
.italk_title::before{
content: "";
display: inline-block;
height: 19px;
width: 3px;
background-color: yellow;
position: relative;
top: 4px;
}
.sunshine {
float: right;
height: 20px;
position: relative;
}
.sunshine img {
position: absolute;
left: -50px;
top: -15px;
}
.italk_content{
clear: both;
width: 638px;
height: 119px;
border: 1px solid #666;
margin-top: 0px;
}
.italk_content textarea {
width: 592px;
height: 40px;
line-height: 22px;
font-size: 14px;
resize: none;
border: none;
padding: 20px;
}
.italk_bottom {
height: 35px;
background-color: rgba(51, 51, 51, 0.103);
line-height: 35px;
position: relative;
}
.italk_bottom span {
float: left;
margin-left: 20px;
}
.italk_bottom ul {
float: left;
}
.italk_bottom li {
margin-left: 10px;
float: left;
padding-top: 4px;
}
.italk_botton {
text-align: center;
position: absolute;
right: -1px;
bottom: -1px;
width: 90px;
height: 37px;
font-size: 15px;
line-height: 37px;
color: #fff;
background: #d81519;
}
.c_right{
width: 300px;
float: right;
}
.a_search {
width: 300px;
height: 36px;
border: solid 1px #666;
position: relative;
}
.hot_selected {
margin-top: 25px;
}
.search_t {
width: 255px;
height: 30px;
border:none;
}
.a_search .i_search {
position: absolute;
right: -1px;
top:-1px;
background-color: #ffba00;
width: 60px;
height: 38px;
text-align: center;
line-height: 36px;
color: rgb(0, 0, 0);
font-size: 24px;
}
.Carousel_figure {
position: relative;
width: 300px;
height: 200px;
}
.Carousel_figure i {
width: 25px;
height: 25px;
background-color: rgba(68, 47, 47, 0.342);
text-align: center;
line-height: 25px;
border-radius: 50%;
position: absolute;
color: #ccc;
top: 75px;
display: none;
}
.Carousel_figure:hover i {
display: block
;
}
.h2_title {
font-size: 22px;
color: #191919;
font-weight: 600;
margin-bottom: 20px;
}
.Carousel_figure .left {
left:12px;
}
.Carousel_figure .right {
right: 12px;
}
.Carousel_figure p {
position: absolute;
bottom: 20px;
left: 10px;
color:#fff;
font-size: 16px;
}
.Carousel_figure ul {
position: absolute;
bottom: 5px;
left: 10px;
}
.Carousel_figure li {
width: 8px;
height: 3px;
background-color: #ccc;
border-radius: 5px;
float: left;
margin-right: 6px;
}
.Carousel_figure li:last-child {
margin-right: 0px;
}
.Carousel_figure li:nth-child(2) {
width: 15px;
border-radius: 6px;
background-color: #fff;
}
.hot_selected_list {
overflow: hidden;
}
.hot_selected_list img {
width: 145px;
height: 87px;
}
.hot_selected_list li{
height: 132px;
width: 145px;
float: left;
margin-right: 10px;
margin-top: 10px;
overflow: hidden;
}
.hot_selected_list li:nth-child(2n) {
margin-right: 0px;
}
.hot24 {
margin-top: 30px;
}
.hot24 li {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.hot24 li img {
width: 90px;
height: 60px;
}
.hot24_left div{
position: absolute;
width: 80px;
height: 40px;
padding-top: 20px;
background-color: rgba(0,0,0,.3);
left: 0;
top: 0;
color: #fff;
font-size: 24px;
font-weight: 700;
padding-left: 10px;
}
.hot24_left {
float: left;
}
.hot24_right {
margin-left: 10px;
width: 196px;
height: 40px;
float: left;
}
.hot24_right p {
font-size: 14px;
color: #191919;
}
.hot24_right span {
font-size: 12px;
color: #999;
}
.hottalk {
margin-top: 50px;
}
.hottalk_title {
float: left;
height: 29px;
width: 100%;
font-size: 18px;
}
.italk_foot {
margin-left: -180px;
margin-top: 10px;
font-size: 12px;
color: #999;
float: left;
}
.hottalk_title span {
margin-left: 20px;
}
.hottalk_title::before{
content: "";
display: inline-block;
height: 19px;
width: 3px;
background-color: yellow;
position: relative;
top: 4px;
}
.hottalk_title {
border-bottom: 1px solid #40404046;
}
.hottalk li {
width: 640px;
height: 180px;
border-bottom: #999 dashed 1px;
}
.hottalk img {
border-radius: 50%;
width: 50px;
margin-top: 20px;
/* margin-right: 10px; */
}
.hottalk_right {
width: 576px;
float:right;
}
.hottalk_user {
color: #c9141d;
margin-top: 20px;
margin-bottom: 20px;
}
.hottalk_right div {
margin-top: 10px;
color: #999;
font-size: 12px;
}

289
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/css/task2.css Normal file
View File

@@ -0,0 +1,289 @@
.header {
height: 390px;
width: 100%;
background-image: url(https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png);
}
p {
font-size: 15px;
color: #111;
}
p:hover {
color: #fe3666;
}
span {
color: #999;
font-size: 13px;
}
.nav {
width: 100%;
height: 70px;
background: rgba(34,34,34,.5);
position: fixed;
}
.nav_center {
width: 1800px;
height: 70px;
padding-top: 12px;
}
.nav_center .logo {
width: 81px;
height: 31px;
float: left;
margin-top: 8px;
}
.nav_search {
width: 580px;
height: 44px;
border: none;
color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.nav_search input{
margin-top: 0px;
float: left;
border-radius: 22px;
width: 470px;
height: 44px;
background: hsla(0,0%,100%,.12);
border: none;
color: #fff;
border-bottom-right-radius: 0%;
border-top-right-radius: 0%;
padding-left: 20px;
}
.nav_search_right {
/* margin-top: 10px; */
width: 80px;
height: 46px;
background-color: #fe3666;
line-height: 44px;
text-align: center;
border-top-right-radius: 22px;
border-bottom-right-radius: 22px;
float: left;
}
.nav_right {
width: 279px;
height: 50px;
float: right;
}
.nav_right li {
width: 60px;
height: 51px;
color: #fff;
float: left;
margin-left: 20px;
text-align: center;
}
.nav_right li p {
font-size: 14px;
color: #fff;
}
.nav_right a {
color :#fff;
line-height: 43px;
}
.nav_right li:last-child {
background-color: #fe3666;
width: 84px;
height: 43px;
border-radius: 22px;
text-align: center;
}
.change_red:hover {
color:#fe3666;
}
.content_a {
width: 1800px;
height: 1000px;
}
.nav_list {
margin: 40px auto;
width: 1800px;
overflow: hidden;
}
.nav_list li {
background-color: #fbfbfb;
border-radius: 30px;
font-size: 18px;
font-weight: 600;
text-align: center;
float: left;
margin-left: 166px;
}
.nav_list li:first-child {
margin-left: 0;
}
.video_title h2 {
float: left;
}
.video_title_more {
float: left;
font-size: 16px;
color: #999;
margin-left: 30px;
margin-top: 14px;
}
.video_title .turn_page {
float: right;
margin-right: 20px;
}
.video {
width: 1416px;
height: 995px;
float: left;
}
.video_title {
overflow: hidden;
}
.video li img {
width: 217px;
height: 359px;
}
.video li {
margin-right: 18px;
margin-bottom: 46px;
width: 217px;
height: 418px;
float: left;
}
.video p {
margin-top: 5px;
}
.hot {
float: left;
width: 384px;
height: 946px;
}
.hot_title {
overflow: hidden;
margin-bottom: 30px;
}
.hot_title h2 {
display: inline-block;
}
.hot_title .turn_page{
margin-top: 8px;
}
.hot_content {
background-color: #fbfbfb;
padding: 15px;
}
.hot_content li {
width: 344px;
height: 80px;
border-bottom: 1px solid #f2f2f2;
}
.hot_content_left {
float: left;
width: 49px;
height: 60px;
position: relative;
}
.hot_content_left img {
position: absolute;
bottom: 0px;
}
.hot_content_left h3 {
display: inline-block;
width: 49px;
text-align: center;
margin-right: 8px;
font-size: 40px;
font-weight: 800;
}
.hot_content li:nth-child(1) h3,
.hot_content li:nth-child(1) i{
color: #fe3666;
}
.hot_content li:nth-child(2) h3,
.hot_content li:nth-child(2) i{
color: #ff6f00;
}
.hot_content li:nth-child(3) h3,
.hot_content li:nth-child(3) i{
color: #ffa600;
}
.hot_content_right {
width: 198px;
height: 40px;
float: left;
margin-left: 20px;
margin-top: 10px;
}
.hot_content_right p {
font-size: 18px;
}
.hot_img {
float: right;
width: 20px;
margin-top: 10px;
}
.game {
width: 1808px;
height: 513px;
}
.game_title h2{
float: left
}
.game_title span{
float: left;
margin-left: 15px;
}
.game_title {
height: 45px;
line-height: 45px;
margin-bottom: 24px;
}
.game_contnet {
height: 444px;
}
.game_contnet li {
width: 211px;
height: 199px;
float: left;
margin-right: 16px;
margin-bottom: 46px;
}
.game_contnet li img {
width: 221px;
height: 139px;
}
.game_contnet li:first-child{
width: 655px;
height: 444px;
}
.game_contnet li:first-child img {
width: 655px;
height: 385px;
}
.game_contnet li p {
margin-top: 10px;
}

236
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/css/task3.css Normal file
View File

@@ -0,0 +1,236 @@
body {
background: #f5f5f5;
}
.new_content li {
width: 352px;
height: 41px;
line-height: 41px;
font-size: 14px;
color: #3d3d3d;
}
.new {
width: 1200px;
height: 1151px;
}
a {
color: #333333;
}
a:hover {
color: #bf0614;
}
.new_content {
width: 1200px;
height: 986px;
}
.new_title {
height: 60px;
margin-bottom: 5px;
color: #000;
font-size: 30px;
}
.new_left {
width: 780px;
height: 980px;
float: left;
}
.new_left_top {
height: 131px;
margin-bottom: 20px;
background-color: #fff;
padding-left: 20px;
}
.new_left_top h2 {
font-size: 26px;
padding: 19px 15px 10px 15px;
line-height: 52px;
}
.new_left_top li {
float: left;
font-size: 16px;
padding: 0 10px;
margin-right: 20px;
width: 340px;
height: 30px;
line-height: 30px;
}
.new_left_top div {
float: left;
width: 70px;
height: 30px;
line-height: 30px;
background: #bf0614;
margin-right: 10px;
text-align: center;
color: #fff;
}
.Social_news {
overflow: hidden;
}
.Social_news_right {
height: 400px;
float: right;
}
.new_art {
width: 340px;
background-color: #fff;
padding: 5px 20px;
margin-bottom: 20px;
}
.tp img{
width: 184px;
height: 106px;
}
.tp li {
width: 185px;
height: 225px;
float: left;
margin-right:10px ;
background-color: #fff;
}
.tp li:last-child {
margin-right:0px ;
}
.tp {
width: 380px;
height: 245px;
overflow: hidden;
}
.tp p {
line-height: 16px;
margin-left: 10px;
}
.tp span {
display: inline-block;
margin-left: 10px;
margin-top: 28px;
}
.international_news {
overflow: hidden;
}
.international_news .new_art {
height: 215px;
}
.hot {
margin-top: 37px;
}
.hot_title {
background-image:url(http://p5.img.cctvpic.com/photoAlbum/page/performance/img/2020/11/5/1604566761484_154.png);
width: 780px;
height: 60px;
background-repeat: no-repeat;
}
.hot_title h2 {
margin-left: 20px;
font-weight: 600;
float: left;
}
.hot_title ul {
width: 260px;
height: 50px;
float: right;
}
.hot_title li {
float: left;
margin-left: 25px;
width: 60px;
height: 24px;
}
.turn_img {
overflow: hidden;
position: relative;
width: 780px;
height: 80px;
background-color: #666;
}
.turn_img li {
width: 180px;
height: 80px;
float: left;
margin-right: 17px;
}
.turn_img li:last-child {
margin-right: 0px;
}
.turn_img1 {
position: absolute;
top: 0;
right: 100%;
height: 80px;
}
.turn_img li:hover .turn_img1 {
right: 0;
transition:1s
}
.red_d {
float: left;
width: 70px;
height: 30px;
line-height: 30px;
background: #bf0614;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-right: 10px;
text-align: center;
color: #fff;
}
.new_right {
width: 400px;
height: 986px;
float: right;
}
.new_right_top {
width: 380px;
height: 707px;
background-color: #fff;
padding: 10px;
}
.new_right_top_right {
width: 200px;
height: 86px;
margin-left: 21px;
float: left;
position: relative;
line-height: 22px;
}
.new_right_top_right a {
height: 40px;
}
.new_right_top img {
width: 154px;
height: 86px;
float: left;
}
.new_right_top li{
width: 380px;
height: 101px;
}
.new_right_top_right a {
display: inline-block;
margin-bottom: 10px;
}
.dt {
margin-top: 20px;
}

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/a4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/comment.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 420 B

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/dt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/level.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 829 B

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/s_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/sun.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/tp1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/uzi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/video.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/img/weixin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 729 B

365
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/task1.html Normal file
View File

@@ -0,0 +1,365 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../clear.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2881065_ghiwlizl24.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/task1.css">
</head>
<body>
<div class="header">
<ul class=" center nav">
<li class="reset_n">
<i class="iconfont icon-shouye"></i>
<div class="logo"></div>
</li>
<li class="shu"><a href=""></a>新闻</li><a href=""></a>
<li><a href="">体育</a></li>
<li><a href="">汽车</a></li>
<li><a href="">房产</a></li>
<li><a href="">旅游</a></li>
<li><a href="">教育</a></li>
<li><a href="">时尚</a></li>
<li><a href="">科技</a></li>
<li><a href="">财经</a></li>
<li><a href="">娱乐</a></li>
<li class="more">更多
<i class="iconfont icon-xiala"></i>
<div class="nav_more">
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
<a href="">历史</a>
</div>
</li>
<li class="reset_n">
<a href="">无障碍</a>
</li>
<li class="reset_n">
<a href="">
<i class="iconfont icon-denglu-copy"></i>
登录
</a>
</li>
</ul>
</div>
<div class="content">
<div class="center ct">
<div class="c_left">
<div class="c_left_user">
<a href="">
<img class="c_left_user_portrait"
src="http://5b0988e595225.cdn.sohucs.com/avatar/picon/2014/04/14/139746392399510175.png"
alt="">
</a>
<a href="">
<p>中国新闻网</p>
</a>
<div class="level">
<img src="img/level.png" alt="">
<img src="img/level.png" alt="">
</div>
<div class="read_information ">
<div>
<p>112万</p>
<span>文章</span>
</div>
<div>
<p>658亿</p>
<span>总阅读</span>
</div>
</div>
<div class="see">查看TA的文章></div>
</div>
<div class="c_left_comment">
<p class="c_line">评论</p>
<img src="./img/comment.png" alt="">
<p class="red">126</p>
</div>
<div class="c_left_share">
<p class="c_line">分享</p>
<ul>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li><li>
<img src="img/weixin.png" alt="">
<span>微信分享</span>
</li>
</ul>
</div>
</div>
<div class="c_center">
<div class="article">
<h2>猪肉价格会继续下降？秋收秋种如何？权威回应来了</h2>
<p class="article_time">2021-10-20 14:30</p>
<img src="img/video.png" alt="">
<p>据农业农村部总农艺师、发展规划司司长曾衍德介绍，今年夏粮量质并增，产量2916亿斤，增加59.3亿斤；早稻实现增产，产量560亿斤，增加14.5亿斤，连续两年增产；秋粮增产已成定局，秋粮面积稳中有增，目前收获已近八成。全年粮食产量将再创历史新高，连续7年保持在1.3万亿斤以上。</p>
<div class="article_bottom">
<div>
<i class="iconfont icon-dianzan"></i>
首赞
</div>
<p>阅读(118万)</p>
</div>
</div>
<div class="allsee">
<div class="allsee_title">
<span>大家都在看</span>
</div>
<ul>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
<li>
<img src="https://p6.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211022/9bcd9ba91007454690603df68ae86246.jpeg" alt="">
<p>俄罗斯将不再对华供电？西方国家难掩兴奋，中国态度耐人寻味
</p>
</li>
</ul>
</div>
<div class="italk">
<div class="italk_title">
<span>我来说两句</span>
<div class="sunshine">
<img src="img/sun.png" alt="">
<div></div>
<span class="red">126</span>
人参与
<span class="red">126</span>
条评论
</div>
</div>
<div class="italk_content">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="italk_bottom">
<span>快速登录</span>
<ul>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/a4.png" alt="">
</a>
</li>
</ul>
<div class="italk_botton">
登录并发表
</div>
</div>
<span class="italk_foot">搜狐“我来说两句” 用户公约</span>
</div>
<div class="hottalk">
<div class="hottalk_title">
<span>热门评论</span>
</div>
<ul>
<li>
<img src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="hottalk_right">
<p class="hottalk_user">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div>
<span class="float_left">10月20日 19:52</span>
<span class="hottalk_good float_right">回复
<i class="iconfont icon-dianzan "></i>
2
</span>
</div>
</div>
</li>
<li>
<img src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="hottalk_right">
<p class="hottalk_user">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div>
<span class="float_left">10月20日 19:52</span>
<span class="hottalk_good float_right">回复
<i class="iconfont icon-dianzan "></i>
2
</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="c_right">
<div class="a_search">
<input class="search_t" type="text">
<i class="iconfont icon-sousuo i_search"></i>
</div>
<div class="hot_selected">
<p class="h2_title">热门精选</p>
<div class="Carousel_figure">
<img src="https://p9.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/63b3e35b0c374dc8afa49fa060dd1095.jpeg" alt="">
<i class="iconfont icon-changyong_fanhui left"></i>
<i class="iconfont icon-fanye right"></i>
<p>台独立委 陈柏惟：罢免通过</p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<ul class="hot_selected_list">
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li><li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
<li>
<img src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt="">
<p>巩俐被曝将改国籍，直言自己年轻不懂事，...</p>
</li>
</ul>
</div>
<div class="hot24">
<p class="h2_title">24小时热文</p>
<ul>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>1</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>2</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div>3</div>
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
<li>
<div class="hot24_left">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
</div>
<div class="hot24_right">
<p>男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<span>268万 阅读</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

464
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/task2.html Normal file
View File

@@ -0,0 +1,464 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../clear.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2881065_5znv7t2vnug.css">
<link rel="stylesheet" href="css/task2.css">
</head>
<body>
<div class="header">
<div class="nav">
<div class="c_center nav_center">
<img class="logo" src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/new-logo.79c3bfe1.svg" alt="">
<div class="nav_search">
<input type="text">
<div class="nav_search_right">
<i class="iconfont icon-sousuo"></i>
搜索
</div>
</div>
<ul class="nav_right">
<li class="change_red">
<i class="iconfont icon-upload"></i>
<p>上传视频</p>
</li>
<li class="change_red">
<i class="iconfont icon-upload"></i>
<p>上传视频</p>
</li>
<li>
<a href="">登录</a>
</li>
</ul>
</div>
</div>
</div>
<div class="content">
<ul class="nav_list c_center">
<li class="change_red">
<i class="iconfont icon-yiguanzhu"></i>
我的关注
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
<li class="change_red">
<i class="iconfont icon-bofang"></i>
短视频
</li>
</ul>
<div class="content_a c_center">
<div class="video">
<div class="video_title">
<h2>精彩短视频</h2>
<span class="video_title_more">更多></span>
<div class="turn_page">
<i class="iconfont icon-changyong_fanhui"></i>
<span>1/10</span>
<i class="iconfont icon-fanye"></i>
</div>
</div>
<ul>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/10/22/18/BMjAyMTEwMjIxODM3MDBfMTQzNDAzMDA3XzU5NDc5MjUyMDg0XzBfMw==_Bec7d2486c4ea64f4af7d897f617027b8.jpg?tag=1-1635066579-xpcwebhome-0-igfkf2umzk-ef8bc2d90c496b39&clientCacheKey=3xrfcc5x8a69p69.jpg&di=b7a0d02c&bp=14944"
alt="">
<p>为了打败金刚哥斯拉每天都健身</p>
<span>
<i class="iconfont icon-yiguanzhu"></i>
29.3W喜欢
</span>
</li>
</ul>
</div>
<div class="hot">
<div class="hot_title">
<h2>快手热榜</h2>
<div class="turn_page">
<i class="iconfont icon-changyong_fanhui"></i>
<span>1/10</span>
<i class="iconfont icon-fanye"></i>
</div>
</div>
<ul class="hot_content">
<li>
<div class="hot_content_left">
<h3>1</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>2</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>3</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>4</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>5</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>6</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>7</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>8</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>9</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
<li>
<div class="hot_content_left">
<h3>10</h3>
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/hot.f3112fb8.svg" alt="">
</div>
<div class="hot_content_right">
<p>华春莹任外交部部长助理</p>
<div class="hot_content_right_hot">
<i class="iconfont icon-huore"></i>
<span>1229.9wre</span>
</div>
</div>
<img class="hot_img" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png"
alt="">
</li>
</ul>
</div>
</div>
<div class="game c_center">
<div class="game_title">
<h2>游戏直播</h2>
<span>更多 ></span>
</div>
<ul class="game_contnet">
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
<li>
<img src="img/uzi.png" alt="">
<p>PEL S4 【第一周】</p>
<span>
<i class="iconfont icon-denglu-copy"></i>
3834人在看
</span>
</li>
</ul>
</div>
</div>
</body>
</html>

173
历届学生/fontendsix/项目练习/学生项目/王安民/10-22/task3.html Normal file
View File

@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../clear.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/task3.css">
</head>
<body>
<div class="content">
<div class="new c_center">
<div class="new_title">要闻</div>
<div class="new_content">
<div class="new_left">
<div class="new_left_top">
<h2><a href="">习近平签署第九十八号、第九十九号、第一〇〇号主席令</a></h2>
<ul>
<li>
<div>联播+</div>
<a href="">齐鲁大地 总书记留下这些殷殷期盼</a>
</li>
<li>
<div>热解读</div>
<a href="">黄河岸边的</a>
</li>
</ul>
</div>
<div class="Social_news">
<ul class="Social_news_left new_art float_left">
<li><a class="big" href="">部分地区开展房地产税改革试点工作</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a class="big" href="">部分地区开展房地产税改革试点工作</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
</ul>
<div class="Social_news_right float_right">
<ul class="new_art">
<li><a class="big" href="">部分地区开展房地产税改革试点工作</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
</ul>
<ul class="tp">
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/24/1635063368680_932.jpg" alt="">
<p>两名16岁少年制止乘客抢方向盘 获“见义勇为”称号</p>
<span>社会新闻</span>
</li>
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/24/1635063368680_932.jpg" alt="">
<p>两名16岁少年制止乘客抢方向盘 获“见义勇为”称号</p>
<span>社会新闻</span>
</li>
</ul>
</div>
</div>
<div class="international_news">
<ul class="tp float_left">
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/24/1635063368680_932.jpg" alt="">
<p>两名16岁少年制止乘客抢方向盘 获“见义勇为”称号</p>
<span>社会新闻</span>
</li>
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/24/1635063368680_932.jpg" alt="">
<p>两名16岁少年制止乘客抢方向盘 获“见义勇为”称号</p>
<span>社会新闻</span>
</li>
</ul>
<ul class="new_art float_right">
<li><a class="big" href="">部分地区开展房地产税改革试点工作</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
<li><a href="">全国人大常委会表决通过陆地国界法 明年起施行</a></li>
</ul>
</div>
<div class="hot">
<div class="hot_title">
<h2>热点专题</h2>
<ul>
<li><a href="">学习强国</a></li>
<li><a href="">新闻+</a></li>
<li><a href="">8点见</a></li>
</ul>
</div>
<ul class="turn_img">
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/30/1633006171151_460.jpg" alt="">
<img class="turn_img1" src="img/tp1.png" alt="">
</li>
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/30/1633006171151_460.jpg" alt="">
<img class="turn_img1" src="img/tp1.png" alt="">
</li>
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/30/1633006171151_460.jpg" alt="">
<img class="turn_img1" src="img/tp1.png" alt="">
</li>
<li>
<img src="https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/30/1633006171151_460.jpg" alt="">
<img class="turn_img1" src="img/tp1.png" alt="">
</li>
</ul>
</div>
</div>
<div class="new_right">
<ul class="new_right_top">
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
<li>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/23/1634992464012_815.jpg" alt="">
<div class="new_right_top_right">
<a href="">全国第十一届残运会暨第八届特奥会开幕</a>
<div class="red_d">新闻联播</div>
</div>
</li>
</ul>
<img class="dt" src="img/dt.png" alt="">
</div>
</div>
</div>
</div>
</body>
</html>