bootstrape实战案例_第二百五十二节,Bootstrap项目实战-首页
@charset "utf-8";/*通用----------------------------------------------------------------------------------------------------------------*/
/*将a标签去掉点击后的虚线边框*/body{font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}a:focus{outline:none;
}
/*导航部分-------------------------------------------------------------------------------------------------------------*/
/*导航区域背景色*/.navbar{background-color:#2056AC;
}
/*导航a首选标签,聚集光标和鼠标放上去背景色*/.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#FE7C19;color:#FFFFFF;
}
/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand{color:#FFFFFF;font-size:15px;
}
/*去除导航ul头部内边距*/.dhul{margin-top:0;
}
/*导航a标签,聚集光标和鼠标放上去背景色*/.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#FE7C19;color:#FFFFFF;
}
/*导航条文字颜色*/.navbar-default .navbar-nav > li > a{color:#FFFFFF;
}
/*导航条按钮背景色*/.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#ddd;
}
/*导航条按钮文字三横背景和文字颜色*/.navbar-default .navbar-toggle .icon-bar{background-color:#f5f5f5;border-radius:1px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);display:block;height:2px;width:18px;
}
/*轮播器--------------------------------------------------------------------------------------------------------------*/
/*将轮播器头部外边距设置50像素*/#myCarousel{margin:50px 0 0 0;
}.carousel-inner .item img{margin:0 auto;
}.tp1{background:#D6E5EA;
}.tp2{background:#F4F3F1;
}.tp3{background:#E2E1E7;
}
/*经营业务-------------------------------------------------------------------------------------------------------------*/.tab-h2{font-size:20px;color:#0059B2;text-align:center;letter-spacing:1px;
}.tab-p{font-size:15px;color:#999;text-align:center;letter-spacing:1px;margin:20px 0 40px 0;
}.tab1{margin:30px 0;color:#666;
}.tab1 .media-heading{margin:5px 0 20px 0;
}.tab1 .text-muted{color:#999;text-decoration:line-through;
}.tab1 .media-heading{margin:5px 0 20px 0;
}.tab1 .text-muted{color:#999;text-decoration:line-through;
}.tab1 .col{padding:20px;
}.media{box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
}
/*两段内容部分*/.tab2{background:#eee;padding:60px 20px;text-align:center;
}.tab2 img{width:40%;height:40%;
}.tab3{padding:40px 0;text-align:center;
}.tab3 img{width:65%;height:65%;
}.text h3{font-size:20px;
}.text p{font-size:14px;
}
/*底部-----------------------------------------------------------------------------------------------------------------*/.dibu{background-color:#222222;
}.dibu .row{color:#FFFFFF;
}.dibu .row h4{box-shadow:0 1px 0 rgba(255, 255, 255, 0.97);padding:10px 0;
}
/*版权*/.banq{background-color:#000000;
}.banq .banq{padding:10px 0 0 0;
}.banq p{color:#777777;
}
/*小屏幕(平板,大于等于 768px)*/@media (min-width: 768px){
/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand {
color: #FFFFFF;font-size:20px;
}.tab-h2{font-size:26px;
}.tab-p{font-size:16px;
}}/*中等屏幕(桌面显示器,大于等于 992px)*/@media (min-width: 992px){
/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand {
color: #FFFFFF;font-size:23px;
}.tab-h2{font-size:28px;
}.tab-p{font-size:17px;
}}/*大屏幕(大桌面显示器,大于等于 1200px)*/@media (min-width: 1200px){.tab-h2 {
font-size:30px;
}.tab-p{font-size:18px;
}}
bootstrape实战案例_第二百五十二节,Bootstrap项目实战-首页相关推荐
- 第二百五十三节,Bootstrap项目实战-资讯
Bootstrap项目实战-资讯 html <!DOCTYPE html> <html lang="zh-cn"> <head><meta ...
- Python和Java结合的项目实战_[项目实战] Python高级教程项目实战篇 Python和Java结合的项目实战 视频教程 [...
资源介绍 课程简介:xa0xa0 Python高级教程项目实战篇 Python和Java结合的项目实战 视频教程 教学视频 ----------------------课程目录 Python项目实战篇 ...
- python数据项目分析实战技法_《Python数据分析与机器学习实战-唐宇迪》读书笔记第9章--随机森林项目实战——气温预测(1/2)...
第9章--随机森林项目实战--气温预测(1/2) 第8章已经讲解过随机森林的基本原理,本章将从实战的角度出发,借助Python工具包完成气温预测任务,其中涉及多个模块,主要包含随机森林建模.特征选择. ...
- 老男孩mysql高级专业dba实战课程_老男孩MySQL高级专业DBA实战课程/高级运维DBA课程/MySQL视频教程下载...
课程名称 老男孩MySQL高级专业DBA实战课程/高级运维DBA课程/MySQL视频教程下载 课程目录 第一部 MySQL基础入门(21节) 第二部 MySQL多实例安装与企业应用场景(10节) 第三 ...
- android项目实战博学谷源码_阿里爆款SpringBoot项目实战PDF+源码+视频分享
前言 关于SpringBoot网络上有太多的博客跟资料,其影响力想必不用我多说了.它作为当前最流行的微服务框架,不但使用更加简单,而且功能更加丰富.性能更加稳定和健壮.其"约定大于配置&qu ...
- vue 将字符串最后一个字符给替换_前端开发:Vue项目实战-Music
大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...
- 高性能MySQL实战第12讲:海量数据MySQL项目实战
你好,我是你的数据库老师周彦伟,欢迎来到第 10 课时"MySQL 亿级数据库项目实战",这是本系列课程的最后一课时,本课时的主要内容包含 MySQL 典型数据库架构介绍.MySQ ...
- 软件测试项目实战32讲,软件测试入门-黑马头条项目实战
课程简介 本课程以黑马头条实战项目为例,将项目的整个测试流程做了详细的介绍,并带着大家一起进行产品需求评审,项目测试计划编写,测试需求分析,以及测试用例的设计编写和执行操作,通过完成实际的功能业务测试 ...
- unity应用开发实战案例_「简历」STAR法则的实战应用,附手把手教学案例
关注@应届生求职网,了解更多求职信息 本文共2072字,预计阅读需3分钟 本期分享导师-Anna_青云导师 51Job职场导师 知乎职场千赞答主 多年猎头及多行业人力资源管理经历 职业生涯规划师.职业 ...
最新文章
- poj3068(最小费用流)
- Java中isAssignableFrom,instanceof
- 开机时不显示启动菜单grub
- 在数据中心中使用光缆颜色代码的重要性
- boost::multi_array模块实现index_range 的测试
- Spring MVC 中使用AOP 进行事务管理--XML配置实现
- 【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作
- Sublime Text for Mac 最新版安装后,无法搜索到Install Package的解决办法
- Python day7之mysql
- MongoDB 快速入门实战教程最新版
- socket服务器和客户端的建立步骤
- 基于aspnet+20ajax问卷调查系统的设计和实现_百度文库,基于ASP.NET问卷调查系统的设计与实现.doc...
- python自动化测试-最常用的自动化测试框架
- 澳大利亚麦考瑞大学计算机学院王岩教授招收2022-2023年入学博士研究生和双学位博士生
- SMOS、AMSR2以及SMAP三种土壤水分遥感产品的下载和预处理
- K_A08_004 基于 STM32等单片机驱动MX1919模块按键控制直流电机正反转加减速启停
- coso2dx-lua 电脑模拟器 , 不重启游戏 直接让修改过的 lua 代码 生效
- Android Studio连接使用第三方模拟器
- [工作积累] TAA Ghosting 的相关问题
- ASP.NET MVC3 查询解决方案