index.html

@media屏幕和（最小宽度：992像素）{
    /* 去除浏览器自带标签 */
    * {
        边距： 0；
        填充： 0；
        文字装饰：无；
    }
     . 框{
        宽度： 100 %；
        高度： 153 vh；
        左： 0；
        顶部： 0；
       
        背景颜色： # ffb6c1；
        证明内容：中心；
        边距： 0自动；

    }
     . 内容{
        宽度： 1050像素；
        高度： 153 vh；
        左： 15 %；
        背景颜色： #ffffff；
        位置：绝对；
    }
    . 登录{
      位置：相对；
     左： 70 %；
      顶部： 2雷姆；
      颜色： # ffb6c1；
      光标：指针；
     }
     . 注册{
        位置：相对；
       左： 72 %；
        顶部： 2雷姆；
        颜色： # ffb6c1；
        光标：指针；
       }
       . 登录：悬停{
           颜色： # 409eff；
       }
       . 注册：悬停{
           颜色： # 409eff；
       }
     . 标题{
         字体大小： 2 rem；
         位置：相对；
         左： 10 %；
         顶部： 1雷姆；
         颜色： # ffb6c1；
     }
     . 转{
         宽度： 94 %；
         高度： 60 vh；
         位置：相对；
         左： 3 %；
         顶部： 3雷姆；
     }
     . dh {
         显示：弹性；
         flex-wrap :换行；
         justify-content :环绕空间；
         高度： 2雷姆；
         背景颜色： # ffb6c1；
     }
     分区。dh  #索引{
         高度： 2雷姆；
         文本对齐：居中；
        线高： 2 rem；
         宽度： 8雷姆；
     }
     . dh > #索引 一个{
        颜色： #ffffff；_
     }
     . dh > #索引 a :悬停{
        颜色： # 409eff；
        字体粗细：粗体；
     }
     . dh > #索引：悬停{
         背景颜色：#ffffff；
     }
     . 图片{
         位置：相对；
         宽度： 100 %；
         高度： 60 vh；
         溢出：隐藏；
     }
    . 盒子2 {
        位置：绝对；
        宽度： 100 %；
        高度： 60 vh；
        动画： box2 20秒无限缓出；
        显示：弹性；
        证明内容：中心；
        对齐项目：中心；
    }
    /* 使用css动画实现轮播效果 */
     @关键帧框2 {
        0 % {
            变换：翻译X （-100 ％）；
        }
        50 % {
            变换: translateX ( -200 % );
        }
        100 % {
            变换：翻译X （-300 %）；
        }

    }
    . box2 : nth-child ( 1 ){
        左： 100 %；
    }
    . box2 : nth-child ( 2 ){
        左： 200 %；
    }
    . box2 : nth-child ( 3 ){
        左： 300 %；
    }
    . img3 {
        宽度： 100 %；
        高度： 100 %；
    }
    . 盒子3 {
        宽度： 39 %；
        高度： 64.5 vh；
        背景颜色： # ffb6c1；
        边框半径： 10像素；
        位置：相对；
        左： 0；
        最高： 5.5雷姆；
        左： 3 %；
    }
    h3 {
        padding-top :  1.3 rem ;
        padding-left :  0.9 rem ;
    }
    . 新闻{
        宽度： 100 %；
        高度： 56 vh；
        位置：相对；
        顶部： 1雷姆；
        显示：弹性；
        弹性方向：列；
        justify-content :中间空格；
      
    }
    . 新闻。图片{
        宽度： 100 %；
        显示：弹性；
        flex-wrap :换行；
        边框底部： # 409eff  1 px虚线；
        高度： 14 vh；
        对齐项目：中心；
    }
    . img4 {
     padding-left :  1 rem ;
     宽度： 10雷姆；
     高度： 90 %；
     边框半径： 5 px；
     光标：指针；
    }
    . img4 ：悬停{
        高度： 95 %；

    }
    . 新闻。文字{
        位置：相对；
       左： 1雷姆；
       光标：指针；
    }
    . 新闻。文字：悬停{
        颜色： # 409eff；
    }
    . 脚{
        位置：相对；
        左： 3 %；
        高度： 2雷姆；
        宽度： 100 %；
	  最高： -30 %；
        文本对齐：居中；
    }
    . 方框4 {
        宽度： 558像素；
        高度： 65 vh；
        背景颜色： # ffb6c1；
        边框半径： 10像素；
        位置：相对；
       最高： -33.5 %；
       左： 28.7雷姆；
         
    }
    # box4 {
        显示：弹性；
        宽度： 100 %；
        高度： 32 vh；
        边框半径： 10像素；
        位置：相对；
        justify-content :环绕空间；
    }
    # box4 > div {
    边框半径： 10像素；
    边距顶部： 2 rem；
     宽度： 22 vh；
     高度： 30 vh；
     光标：指针；
    }
    # box4 > div :悬停{
        宽度： 25 vh；
        高度： 32 vh；
    }
    . 一个{
        背景图片：网址（../Image/8.jpg）；
        背景尺寸：封面；
    }
    . 两个{
        背景图片：网址（../Image/9.jpg）；
        背景尺寸：封面；
    }
    . 三{
        背景图片：网址（../Image/10.jpg）；
        背景尺寸：封面；
    }
    . box4 跨度{
        位置：相对；
        顶部： 2雷姆；
        左： 1雷姆；
        字体大小： 1.2 rem；
        字体粗细：粗体；
    }
    . 盒子5 {
        显示：弹性；
        证明内容：中心；
        对齐项目：中心；
        位置：相对；
        宽度： 100 %；
        高度： 18 vh；
        顶部： 3雷姆；
        光标：指针；
    }
    . 框5 ：悬停{
        颜色： # 409eff；
    }
    . 链接{
        位置：相对；
        上边距： 3.5 rem；
        左边距： 1 rem；
        颜色：黑色；
    }
    /* 一级菜单栏实现 */
     . 下拉{
        位置：相对；
       
    }
    . 下拉 一个{
        颜色：白色；
    }
    . 项目{
        位置：绝对；
        背景颜色： # ffb6c1；
        最小宽度： 160像素；
        边界半径： 0  0  5 %  5 % ;
        右： 0.01雷姆；
        顶部： 1.8雷姆；
        字体： 0.7 rem Montserrat-SemiBoldItalic；
        字体粗细：正常；
        可见性：隐藏；
        z-index :  100 ;
        光标：指针；
    }
    
    . 项目 div {
        颜色：白色；
        填充： 12像素 16像素；
        文字装饰：无；
        过渡：全部0.1秒；
        可见性：隐藏；
        高度： 0；
        z-index :  100 ;
    }
    
    . 项目 div ：悬停{
        颜色： # 409eff；
        字体粗细：粗体；
     
    }
    . 下拉：悬停。项目 div {
      过渡持续时间： 0.5秒；
      可见性：可见；
      高度： 1雷姆；
    }
    . 下拉：悬停。项目{
        可见性：可见；
    }
    /* 漫界新闻页面样式 */
    . 最佳
    {
        位置：绝对；
        宽度： 100 %；
        高度： 50 vh；
        背景图片：网址（../Image/11.jpg）；
        背景尺寸： 100 %  50 vh；
        顶部： 0；
        左： 0；
    }
    . h1 {
        位置：绝对；
        顶部： 27雷姆；
        左： 43雷姆；
        字体大小： 2 rem；
    }
    . h2 {
        位置：相对；
        顶部： 33雷姆；
        宽度： 30雷姆；
        高度： 35雷姆；
        左： 5雷姆；

    }
    . h3 {
        显示：弹性；
        证明内容：中心；
        对齐项目：中心；
        padding-left :  1 rem ;
        位置：绝对；
        左： 45雷姆；
        宽度： 42雷姆；
        高度： 35雷姆；
        
        顶部： 33雷姆；
    }
    . 脚2 {
        位置：绝对；
        底部： -25雷姆；
        左： 45雷姆；
    }
    . 标题2 {
        字体大小： 2 rem；
         位置：相对；
         左： 2 %；
         顶部： -8雷姆；
         
    }
    . 标题2 一个{
        颜色： # ffb6c1；
    }
    }
© 2022 GitHub, Inc.
条款