css代码
#footr {
background: #3e434a
}
#header #blogTitle {
background: url("http://images.cnblogs.com/cnblogs_com/aiwuxia/1249780/o_111.png") no-repeat;
height: 250px;
top: 3px;
left: 0
}
#blogTitle #Header1_HeaderTitle {
font-size: 40px
}
#blogTitle h2 {
font-size: 18px
}
#header {
background-color: #e4e8f3
}
html body {
background:;
background-color: #e4e8f3
}
#blogTitle h2,
#blogTitle h1 a {
text-shadow: 3px 3px 3px #2a3344;
color: #169fe6;
text-align: center
}
#header #blogTitle h2 {
width: 435px;
top: 21px;
left: 0
}
#blogTitle h1 {
top: 32px;
left: 0
}
.postBody #cnblogs_post_body p {
line-height: 26px;
margin:;
padding: 0
}
#blogCalendar:hover {
border: 1px solid #ff5e52
}
#blogCalendar {
background-color: #fff;
border: 1px solid #dedede
}
.totop {
position: fixed;
right: 50px;
bottom: 50px;
z-index: 999
}
.totop img {
opacity: .6;
filter: alpha(opacity=60)
}
.totop img:hover {
opacity: 1.0;
filter: alpha(opacity=100)
}
#profile_block {
display: none
}
#navigator.full {
position: fixed;
top:;
z-index:;
width: 100%;
background-color: #2778af;
float: left
}
#footer {
color: #ddd;
padding: 20px 0;
border-top: 1px solid #eaeaea;
margin-top:;
margin-bottom: 0
}
#footr {
position: relative;
height: 200px;
width: 100%;
background: #2a363c
}
#footr2 {
width: 1200px;
margin: auto
}
#foot1 {
width: 33%;
padding-top: 30px
}
#foot1 i {
font-size: 20px;
font-family: '微软雅黑', Arial, Helvetica, sans-serif;
font-style: normal;
color: #fff
}
#foot1 ul {
list-style: none
}
.bing {
height: 250px;
text-align: center;
line-height: 250px;
overflow: hidden
}
.bing img {
width: 888px;
position: relative;
top: -150px
}
.container {
padding-bottom: 10px
}
/* 滚动部分 */
.scroll {
width: 290px;
height: 300px;
border: 1px solid #ccc;
line-height: 26px;
font-size: 12px;
overflow: hidden;
}
.scroll img {
width: 288px;
}
/* 轮播图部分 */
#slides {
display: none
}
#slides .slidesjs-navigation {
margin-top: 5px;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(https://www.cnblogs.com/images/cnblogs_com/aiwuxia/1249780/o_btns-next-prev.png);
background-repeat: no-repeat;
display: block;
width: 12px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right: 5px;
}
a.slidesjs-next {
margin-right: 10px;
background-position: -12px 0;
}
a:hover.slidesjs-next {
background-position: -12px -18px;
}
a.slidesjs-previous {
background-position: 0 0;
}
a:hover.slidesjs-previous {
background-position: 0 -18px;
}
a.slidesjs-play {
width: 15px;
background-position: -25px 0;
}
a:hover.slidesjs-play {
background-position: -25px -18px;
}
a.slidesjs-stop {
width: 18px;
background-position: -41px 0;
}
a:hover.slidesjs-stop {
background-position: -41px -18px;
}
.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
}
.slidesjs-pagination li {
float: left;
margin: 0 1px;
}
.slidesjs-pagination li a {
display: block;
width: 13px;
height:;
padding-top: 13px;
background-image: url(https://www.cnblogs.com/images/cnblogs_com/aiwuxia/1249780/o_pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px
}
#slides a:link,
#slides a:visited {
color: #333
}
#slides a:hover,
#slides a:active {
color: #9e2020
}
#slides img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border:;
-ms-interpolation-mode: bicubic;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom:;
width: 888px;
}
.container:before,
.container:after {
display: table;
content: "";
line-height:;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom:;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height:;
}
.container-fluid:after {
clear: both;
}
css代码的更多相关文章
- CssStats – 分析和优化网站 CSS 代码的利器
CssStats 是一个在线的 CSS 代码分析工具,你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析,是前端开发人员和网页设计师分析网站 CSS 代码的利器,可以统计出 CS ...
- Less:优雅的写CSS代码
css是不能够定义变量的,也不能嵌套.它没有编程语言的特性.在项目开发中,常常发现有很多css代码是相同的,但我们通常都是复制然后粘贴. 举个例子:假设h5应用里主题色是#FF3A6D,可能用于文字或 ...
- 我的页面定制CSS代码(SimpleGamboge皮肤)
我的页面定制CSS代码,针对博客园SimpleGamboge皮肤. 调整: 1.左上图片更换为自己的头像 2.扩大左侧栏宽度,缩小右侧主栏宽度宽度 3.扩大内容页面的评论区宽度,工具图标靠左 4.去广 ...
- CSS 代码技巧与维护 ★ Mozilla Hacks – the Web developer blog
原文链接:https://hacks.mozilla.org/2016/05/css-coding-techniques/ 译文链接 :http://www.zcfy.cc/article/css-c ...
- 实用的60个CSS代码片段
1.垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: re ...
- HTML+CSS代码橙色导航菜单
效果预览:http://hovertree.com/code/texiao/ks63r6aq.htm <!DOCTYPE html> <html xmlns="http:/ ...
- 兼容性背景颜色半透明CSS代码(不影响内部子元素)
如何简单兼容性的实现父元素是半透明背景色,而子元素不受影响. 兼容所有浏览器的背景颜色半透明CSS代码: background-color: rgba(, , , .); filter: progid ...
- 20个编写现代 CSS 代码的建议
明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较 ...
- [No00007B]DreamweaverCC 的CSS代码格式化
Dreamweaver自带的代码格式化功能. 1.步骤:命令 -> 应用源格式. 2.你可以选择你的偏好.特别是css代码,有些人喜欢每个属性单独一行,有些人喜欢把所有属性写在同一行.步骤:编辑 ...
- 60个有用CSS代码片段
1.垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: re ...
随机推荐
- Cannot add or update a child row:
两个 表 数据 不一致... 含有 约束 的 表 中 所有 id 都应该 在 主 表 中 可以 找到---
- 08.Spring Bean 解析 - BeanDefinitionDocumentReader
基本概念 BeanDefinitionDocumentReader ,该类的作用有两个,完成 BeanDefinition 的解析和注册 . 解析:其实是解析 Ddocument 的内容并将其添加到 ...
- OSI七层和TCP/IP四层的关系、TCP与UDP、HTTP、Socket
HTTP(应用层协议):超文本传输协议,HTTP协议是建立在TCP协议之上的一种应用. HTTP协议详细解释 2Http详解 TCP(面向连接的传输层协议):transmission control ...
- windows7安装完上不了网
安装完Windows7后发现上不了网,网卡驱动没有安装的原因:但是没有网怎么下载驱动呢,,先装一个网卡版驱动精灵(貌似叫驱动精灵万能网卡版)什么的安装一个网卡驱动,就解决了
- C# Thread类 线程优先级
1.C#对线程进行操作时,通过Thread类,可以对线程进行创建.挂起.恢复.休眠.终止及设置优先级. Thread类位于System.Threading命名空间下,该命名空间还包含一个ThreadP ...
- Java面向对象_单例设计模式
单例设计模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点 1.构造方法私有化 2.声明一个本类对象 3.给外部提供一个静态方法获取对象实例 两种实现方式:饿汉式和懒汉式 何种情况下使用呢?当 ...
- 使用nasm和clang
nasm编译 nasm -f macho64 --prefix _ demo.asm # --prefix是为gobal的标签添加前缀, 链接时根据的都是以_开头的 clang编译 clang tes ...
- Rspec基本语法
引用链接:http://reverocean.iteye.com/blog/1489957 1. describe和context describe和context方法用来组织相关的行为example ...
- rem媒体查询
@media only screen and (min-width: 1080px), only screen and (min-device-width:1080px) { html,body { ...
- 【Shell脚本学习25】Shell文件包含
像其他语言一样,Shell 也可以包含外部脚本,将外部脚本的内容合并到当前脚本. Shell 中包含脚本可以使用: . filename 或 source filename 两种方式的效果相同,简单起 ...