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

16
历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/css/搜狐新闻/css/clear.css Normal file
View File

@@ -0,0 +1,16 @@
li {
list-style: none;
}
a {
text-decoration: none;
}
body,ul,p,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
}
input, textarea {
border: none;
outline: none;
}

518
历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/css/搜狐新闻/css/index.css Normal file
View File

@@ -0,0 +1,518 @@
.header {
width: 100%;
height: 40px;
line-height: 40px;
background: #222;
position: fixed;
left: 0;
top: 0%;
z-index: 999;
}
.title {
width: 1180px;
margin: 0 auto;
}
.souhu {
background: url(../img/souhu.png);
background-repeat: no-repeat;
height: 20px;
width: 44px;
float: left;
margin-top: 10px;
}
.logo {
width: 86px;
height: 40px;
float: left;
}
.logo i {
float: left;
font-size: 18px;
color: #ccc;
margin: 1px 7px 0 0;
}
.logo:hover i {
color: #fdd000;
}
.logo:hover .souhu {
background-position: 0 -30px;
}
.logo::after {
content: " ";
width: 1px;
height: 15px;
background: #666;
display: inline-block;
margin-top: 13px;
float: right;
}
.menu {
float: left;
height: 40px;
}
.menu li {
float: left;
width: 74px;
height: 40px;
text-align: center;
position: relative;
}
.menu li a,.menu_list {
color: #fff;
}
.menu li:last-child {
width: 150px;
}
.dropmenu {
width: 290px;
height: 136px;
border: 1px solid #ddd;
background: #fff;
position: absolute;
top: 40px;
left: -110px;
padding: 5px 10px;
display: none;
}
.dropmenu .item {
color: #191919;
display: inline-block;
width: 67px;
}
.icon-xiangxia {
display: inline-block;
transition: all 0.2s ease;
}
.menu li:hover{
background: #444;
}
.menu_list:hover .dropmenu {
display: block;
}
.dropmenu .item:hover {
color: red;
}
.menu li:hover i {
transform: rotate(180deg);
}
.content {
margin-top: 80px;
}
.center {
width: 1180px;
margin: 0 auto;
}
.center .left {
width: 140px;
float: left;
}
.user {
width: 138px;
height: 217px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
position: relative;
}
.userimg {
border-radius: 100%;
position: relative;
top: -25px;
}
.user_title {
font-size: 16px;
line-height: 20px;
margin-top: -15px;
}
.user_logo {
margin-top: 5px;
margin-bottom: 5px;
}
.user_nm li {
float: left;
width: 50%;
}
.user_nm li p {
font-size: 16px;
color: black;
}
.user_nm li span {
font-size: 12px;
color: #666;
}
.user_bottom {
font-size: 12px;
color: #666;
background: #ddd;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 31px;
}
.comment {
margin-top: 30px;
text-align: center;
}
.comment_title {
font-size: 14px;
color: #303030;
}
.comment i {
font-size: 30px;
display: inline-block;
margin-top: 10px;
}
.comment p {
font-family: Georgia,Arial;
color: #da2128;
font-size: 24px;
}
.comment_title::before,.comment_title::after {
content: " ";
width: 48px;
height: 1px;
background: #666;
display: inline-block;
position: relative;
top: -3px;
}
.comment_title::before {
left: -7px;
}
.comment_title::after {
left: 7px;
}
.share {
margin-top: 30px;
text-align: center;
}
.share_title {
font-size: 14px;
color: black;
}
.share_title::before,.share_title::after {
content: " ";
width: 48px;
height: 1px;
background: #666;
display: inline-block;
position: relative;
top: -3px;
}
.share_title::before {
left: -7px;
}
.share_title::after {
left: 7px;
}
.share ul li {
margin-top: 20px;
}
.share ul li img {
vertical-align: middle;
}
.share ul li span {
font-size: 12px;
color: #666;
}
.center .mid {
width: 640px;
margin-left: 30px;
float: left;
}
.mid_title h2 {
font-size: 28px;
line-height: 38px;
}
.mid_title p {
font-size: 14px;
color: #666;
margin-top: 20px;
}
.mid_comment_say {
}
.say_title {
height: 28px;
line-height: 24px;
margin: 15px 0 5px 0;
}
.say_name {
font-size: 18px;
color: black;
float: left;
}
.say_name::before {
content: " ";
width: 4px;
height: 19px;
background: #fdd000;
display: inline-block;
border-radius: 2px;
margin-top: 3px;
margin-right: 15px;
float: left;
}
.say_list {
float: right;
}
.say_list .one {
font-size: 22px;
font-family: "Georgia Regular",Georgia;
color: #d92227;
}
.say_list img {
margin-top: -20px;
float: left;
}
.say_put {
border: 1px solid #b7b7b7;
height: 123px;
}
.say_put textarea {
width: 100%;
height: 84px;
resize: none;
box-sizing: border-box;
}
.say_one {
height: 35px;
line-height: 35px;
background: #f8f8f8;
padding-left: 10px;
}
.say_two span {
font-size: 13px;
float: left;
}
.say_two ul li {
float: left;
}
.say_the {
width: 90px;
height: 35px;
font-size: 14px;
color: #fff;
background: red;
float: right;
text-align: center;
margin-right: -1px;
}
.say_two ul li img {
margin-left: 10px;
margin-top: 9px;
}
.say_four {
font-size: 12px;
color: #999;
margin: 12px 0 28px 0;
}
.hot_title {
font-size: 16px;
height: 17px;
line-height: 17px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.hot_title::before {
content: " ";
width: 4px;
height: 19px;
background: #fdd000;
display: inline-block;
border-radius: 2px;
margin-top: 3px;
margin-right: 15px;
float: left;
}
.hot_list {
margin-top: 10px;
}
.hot_list img {
border-radius: 100%;
width: 50px;
height: 50px;
float: left;
}
.hot_list_one {
float: left;
width: 570px;
margin-left: 14px;
}
.hot_list_one .five {
font-size: 13px;
color: red;
margin-bottom: 10px;
}
.hot_list_one .six {
font-size: 14px;
color: #333;
}
.hot_date span {
font-size: 12px;
color: #b7b7b7;
float: left;
}
.hot_date_one {
float: right;
}
.hot_date_two {
float: left;
font-size: 12px;
color: #7e7e7e;
margin: 0 5px;
padding: 0 10px;
}
.hot_date {
margin-top: 15px;
}
.hot_list li {
border-bottom: 1px dashed #e5e5e5;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 10px;
}
.left .mid .right {
height: 700px;
}
.right {
width: 300px;
float: right;
}
.search input {
width: 236px;
height: 34px;
box-sizing: border-box;
float: left;
border: 1px solid silver;
border-right: none;
padding-left: 10px;
}
.search i {
width: 53px;
height: 34px;
line-height: 34px;
background: yellow;
display: inline-block;
text-align: center;
}
.hot_pic p {
font-size: 20px;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
}
.pic_one {
width: 300px;
height: 200px;
position: relative;
margin-bottom: 10px;
}
.icon-zuojiantou {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #333;
display: none;
}
.icon-youjiantou {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #333;
display: none;
}
.pic_one:hover .icon-zuojiantou {
display: inline-block;
}
.pic_one:hover .icon-youjiantou {
display: inline-block;
}
.pic_one p {
font-size: 15px;
color:black;
position: absolute;
left: 5px;
bottom: 20px;
}
.hot_pic .pic_two {
position: absolute;
left: 5px;
bottom: 10px;
}
.hot_pic .pic_two li {
width: 5px;
height: 2px;
background: #333;
float: left;
margin-right: 5px;
}
.hot_pic .two {
width: 10px;
height: 2px;
}
.hot_item img {
width: 145px;
height: 110px;
}
.hot_item p {
font-size: 12px;
color: black;
margin-top: 3px;
}
.hot_item li {
float: left;
width: 150px;
}
.hot_item {
overflow: hidden;
}
.hot_art_title {
font-size: 20px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 20px;
}
.hot_art_list li {
position: relative;
margin-bottom: 10px;
}
.art_list img {
width: 90px;
height: 60px;
}
.art_list {
float: left;
margin-right: 13px;
}
.art_list .one {
font-size: 24px;
font-weight: 700;
position: absolute;
left: 15px;
top: 25px;
}
.art_one p {
font-size: 14px;
color: black;
}
.art_one span {
font-size: 10px;
color: #333;
}
.art_one {
margin-left: 10px;
}

0
历届学生/fontendsix/项目练习/学生项目/蔡敏/练习/css/搜狐新闻/css/public.css Normal file
View File