first commit

历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/celar.css

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

历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/public.css

@@ -0,0 +1,11 @@
+.left{
+    float: left;
+    /* margin-right: 20px;
+    display: inline-block; */
+}
+.right{
+    float: right;
+}
+.hidden{
+    overflow: hidden;
+}

历届学生/font-end-nine/项目练习/学生项目/冯文焌/3定位（好看视频）/css/好看.css

@@ -0,0 +1,196 @@
+.menu {
+    width: 240px;
+    height: 100%;
+    position: fixed;
+    box-shadow: 1px 5px 5px black;
+}
+
+.menu .logo {
+    width: 146px;
+    height: 36px;
+    margin: 0 auto;
+    display: block;
+    margin-top: 34px;
+    margin-bottom: 8px;
+}
+
+.menu ul {
+    overflow-y: auto;
+    padding: 0 30px;
+    height: calc(100% - 44px);
+}
+
+.menu ul .active {
+    background-color: #f7f7f7;
+    border-radius: 3px;
+}
+
+.menu ul li {
+    height: 40px;
+    line-height: 40px;
+    margin-bottom: 8px;
+}
+
+.menu ul li a {}
+
+.menu ul li a img {
+    vertical-align: text-top;
+    margin-left: 5px;
+}
+
+.menu ul li a span {
+    font-size: 16px;
+    color: black;
+}
+
+/* 标题css */
+.title {
+    width: calc(100% - 240px);
+    background-color: rgb(248, 247, 247);
+    position: fixed;
+    left: 240px;
+}
+
+.title .search {
+    margin-top: 14px;
+    margin-bottom: 14px;
+    width: 440px;
+    height: 36px;
+    background-color: hsl(0deg 0% 97% / 2%);
+    border: 1px solid black;
+    box-sizing: 3px;
+    margin-left: 30px;
+}
+
+.title .search input {
+    width: 342px;
+    height: 100%;
+    box-sizing: 3px;
+    border: none;
+    padding-left: 17px;
+    box-sizing: border-box;
+}
+
+.title .search .butt {
+    background-color: #f7f7f7;
+    position: relative;
+    margin-left: 16px;
+}
+
+.title .search .butt::before {
+    content: "";
+    width: 1px;
+    height: 16px;
+    background-color: red;
+    display: inline-block;
+    position: absolute;
+    right: 73px;
+    top: 3px;
+}
+
+.title .search .butt i {}
+
+.title .search .butt span {
+    color: #666;
+    font-size: 16px;
+}
+
+/* 标题右边 */
+.title .title-A {
+    font-size: 14px;
+    color: black ;
+    height: 36px;
+    line-height: 36px;
+    margin: 14px 0;
+}
+
+.title .title-A .tltle-b {}
+
+.title .title-A .tltle-b li {}
+
+.title .title-A .tltle-b li a {
+    color: black ;
+}
+
+.title .title-A .tltle-b li a i {
+}
+
+.title .title-A .tltle-b li a span {
+
+}
+.title .title-A .tltle-c{
+    margin-right: 30px;
+}
+.title .title-A .tltle-c a{
+    margin-right: 30px;
+}
+.title .title-A .tltle-c a i{
+    width: 96px;
+    height: 30px;;
+    color: #111622;
+    
+}
+.title .title-A .tltle-c a span{
+    font-size: 14px;
+    color: #111622;
+   
+}
+.title .title-A button{
+    color: white;
+    width: 88px;
+    height: 30px;
+    background-color: red;
+    box-sizing: 3px;
+}
+
+/* 正文css */
+.content{
+    padding-top: 64px;
+    margin-left: 240px;
+}
+.content ul{
+    padding: 32px 0 0 32px;
+}
+.content ul li{
+    margin-bottom: 10px;
+}
+.content ul .firstImg {
+    margin-right: 20px;
+    width: 515px;
+    height: 219px;
+    background-image: url('https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-4/1651223082955/1596c0b2c3cd.jpg');
+    background-size: 100% 175%;
+    background-repeat: no-repeat;
+}
+.content ul .aaa{
+    margin-right: 20px;
+    
+}
+.content ul li img{
+    height: 140px;
+    width: 245px;
+}
+.content ul li .user img{
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    margin-bottom: 45px;
+}
+.content ul li .text p{
+    width: 164px;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    font-size: 16px;
+    color: #111622
+}
+.content ul li .text span{
+    font-size: 14px;
+    color: #505666;
+}
+.content ul li .text .asd{
+    font-size: 14px;
+    color: #505666;
+}