抽屉新热榜之css

        *{
            margin: 0;
            padding: 0;
            /*background-color: whitesmoke;*/
        }
        .bottom{
            height: 44px;
            background-color: #2459a2;
            /*line-height: 44px;*/
            /*text-align: center;*/
        }
        .centor{
            /*background-color: #00A000;*/
            /*background-color: #2459a2;*/
            background-color: #2459a2;
            height: 44px;
            width: 60%;
            margin: auto;
        }
        .drawer,.classification{
            background-color: #2459a2;
            height: 44px;
            float: left;
            line-height: 44px;
            color: white;
        }
        .classification,.login{
            font-size: 12px;
            font-style: normal;
            font-family: Tahoma, Verdana, Arial, Helvetica, 宋体, sans-serif;
        }
        .solr,.login{
            background-color: #2459a2;
            height: 44px;
            float: right;
            line-height: 44px;
            color: white;
        }
        .search-txt-s{
            height: 30px;
            width: 100px;
        }
        .bottom .centor .drawer,.classification{
            padding: 0 10px;
        }
        .bottom .centor .login,.solr{
            padding: 0 15px;
        }
        .bottom .centor .classification a.item:hover,.login:hover a.item:hover{
            background-color: #1BA2D4;
            line-height: 44px;
        }
        /*.bottom .centor .solr .solr_one{*/

        /*}*/
        .bottom .centor .solr .solr_bg{
            float: right;
            width: 33px;
            height: 33px;
            background-color: white;
            margin-top: 8px;
        }
        /*.bottom .centor .solr .solr_sm{*/
            /*float: right;*/
            /*width: 33px;*/
            /*height: 33px;*/
            /*background-color: white;*/
            /*margin-top: 8px;*/
        /*}*/
        .solr_one{
            height: 25px;
            width: 25px;
            float: right;
            background-color: white;
            background: url("http://dig.chouti.com/images/icon.png") no-repeat 0 -188px;
            /*background-size: 10px 10px;*/
        }
        .last{
            background-color: lightyellow;
            height:1500px;
            width: 100%;
        }
        .last .menu{
            width: 60%;
            margin: auto;
        }
        .link{
            margin: auto;
        }
         .bottom .last .menu .last_first{
            color: #369;
            margin-left: 10px;
            margin-right: 10px;
             font-size: 12px;
             /*margin: auto;*/
             /*text-align: center;*/

        }
        /*.bottom .centor .last_first{*/
            /*color: #369;*/
            /*margin-left: 10px;*/
            /*margin-right: 10px;*/
        /*}*/
        /*.last .menu .link{*/
            /*margin: auto;*/
        /*}*/
        /*.action-menu-right{*/
            /*font-size: 12px;*/
            /*font-style: normal;*/
            /*font-family: Tahoma, Verdana, Arial, Helvetica, 宋体, sans-serif;*/
            /*height: 44px;*/
            /*!*background-color: yellow;*!*/
            /*background-color: #2459a2;*/
            /*float: right;*/
            /*line-height: 44px;*/
            /*color: white;*/
            /*font-size: 12px;*/
            /*!*padding: 10px;*!*/
            /*!*margin: 10px;*!*/
        /*}*/
        /*.action-menu-lift{*/
            /*font-size: 12px;*/
            /*font-style: normal;*/
            /*font-family: Tahoma, Verdana, Arial, Helvetica, 宋体, sans-serif;*/
            /*height: 44px;*/
            /*!*background-color: red;*!*/
            /*background-color: #2459a2;*/
            /*float: left;*/
            /*line-height: 44px;*/
            /*color: white;*/
        /*}*/
        /*.top-menu .action-menu .action-menu-right a.item{*/
            /*!*display: inline-block;*!*/
            /*padding: 0 10px;*/

        /*}*/
        /*.top-menu .action-menu .action-menu-lift a.item{*/
            /*!*display: inline-block;*!*/
            /*padding: 0 10px;*/

        /*}*/
        /*.top-menu .action-menu .action-menu-lift a.item:hover{*/
            /*background-color: #1BA2D4;*/
        /*}*/
        /*.top-menu .action-menu .action-menu-right a.item:hover{*/
            /*background-color: #1BA2D4;*/
        /*}*/
        /*.top-menu .action-menu .action-menu-lift a.header img.header{*/
            /*margin-top: 4px;*/
        /*}*/
        /*!*.top-menu .action-menu .action-menu-lift a.header{*!*/
           /*!*height: 80px;*!*/
        /*!*}*!*/
        /*!*.a.header{*!*/
            /*!*height: 100px;*!*/
        /*!*}*!*/
        /*!*.top-menu .action-menu .action-menu-lift a.header{*!*/
            /*!*height: 40px;*!*/
            /*!*overflow: hidden;*!*/
        /*!*}*!*/
时间: 2024-07-28 16:57:01

抽屉新热榜之css的相关文章

抽屉新热榜页面之html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抽屉新热榜-聚合每日热门.搞笑.有趣资讯</title> <link rel="stylesheet" href="css/indextwo.css"> </head> <body>

抽屉新热榜

1.实现与抽屉新热榜一样的布局 2.允许点赞.评论 3.开发登录.注册页面 4.开发发贴功能 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- 以最高的ie 浏览器 渲染 --> <meta http-equiv="X-UA-Compatible" content="

【IOS】模仿&quot;抽屉新热榜&quot;动态启动页YFSplashScreen

IOS最好要设置系统默认启动页面,不然进入应用就会突然闪现黑色画面 下图是我们要实现的效果: 总体思路:设置一个系统默认启动页面,在进入didFinishLaunchingWithOptions时, 给Window添加自定义启动页,其初始画面和系统启动页一样. 可在自定义启动页实现一些动画,动画结束后,将自定义启动页移除. 一.设置系统默认启动页 现在,新建项目会自动生成LaunchScreen.storyboard启动页面文件. 来到项目根目录  点击General  找到以下: 发现除了直接

爬虫学习---基础操作--抽屉新热榜自动点赞与豆瓣自动统一短评

爬虫的学习相对来说,比较烦锁,因为网站的反爬规则,经过两天的研究,终于搞定了抽屉新热榜自动点赞与豆瓣自动统一短评(豆瓣登录的验证码目前需要手动输入) 抽屉网的规则问题 示例如下: 1 import requests,re 2 from bs4 import BeautifulSoup 3 headers={'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0' 4

python爬虫实践——自动登录抽屉新热榜

1 from selenium import webdriver 2 import time 3 4 driver = webdriver.Chrome(r'D:\BaiduNetdiskDownload\chromedriver_win32\chromedriver.exe') 5 6 # 把窗口转成全屏 7 driver.maximize_window() 8 9 try: 10 driver.get('https://dig.chouti.com/') 11 driver.implicit

示例:自动登录抽屉新热榜

response.cookies 是对象 再get_dict() 返回的是字典 访问上一次登录状态要有cookie get和post都有cookies import requests post_dict = { "phone": '8615131255089', 'password': 'woshiniba', 'oneMonth': 1 } response = requests.post( url="http://dig.chouti.com/login", d

爬取知乎热榜标题和连接 (python,requests,xpath)

用python爬取知乎的热榜,获取标题和链接. 环境和方法:ubantu16.04.python3.requests.xpath 1.用浏览器打开知乎,并登录 2.获取cookie和User-Agent 3.上代码 1 import requests 2 from lxml import etree 3 4 def get_html(url): 5 headers={ 6 'Cookie':'', 7 #'Host':'www.zhihu.com', 8 'User-Agent':'Mozill

爬虫---Beautiful Soup 爬取知乎热榜

前两章简单的讲了Beautiful Soup的用法,在爬虫的过程中相信都遇到过一些反爬虫,如何跳过这些反爬虫呢?今天通过豆瓣网写一个简单的反爬中 什么是反爬虫 简单的说就是使用任何技术手段,阻止别人批量获取自己网站信息的一种方式.关键也在于批量. 反反爬虫机制 增加请求头---headers为了模拟更真实的用户场景 更改IP地址---网站会根据你的IP对网站访问频密,判断你是否属于爬虫 ua限制---UA是用户访问网站时候的浏览器标识,其反爬机制与ip限制类似 模拟帐号登录----通过reque

Python爬虫收集今日热榜数据:聚合全网热点排行榜

主要使用request库和beautifulSoup库爬取今日热榜的数据. 具体代码实现: 1 import requests 2 from bs4 import BeautifulSoup 3 import time 4 import pandas 5 import re 6 7 def get_html(url): 8 headers = {'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36