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 ...
随机推荐
- Technical support website
Technical support:Please leave a message if you have any questions or suggestions. email: swvrwafet@ ...
- python 3.x 安装问题及连接oracle数据库
最近有用到python去处理一些问题,发现现在3已出来,遂用直接下3.7使用 发现问题还是有一点的 1. pip 会出现ssl问题 Could not install packages due to ...
- Duff and Meat(贪心)
Duff is addicted to meat! Malek wants to keep her happy for n days. In order to be happy in i-th day ...
- tomcat的webapps下放置多个项目时会出现很多exception
今天干了一件比较逗比的事,在tomcat的项目目录wepapps下又新建了一个文件夹backup,然后在backup下放置了之前项目的war包...然后启动tomcat的时候各种exception 大 ...
- 最小生成树(prim算法和kruskal算法)
学习博客:https://www.cnblogs.com/zhangming-blog/p/5414514.html 其实就是加点法:从不属于这个集合的点中找从本集合可以找到的最小边,加入本集合 看代 ...
- E. Beautiful Subarrays 字典树
http://codeforces.com/contest/665/problem/E 给定一个序列,问其中有多少个区间,所有数字异或起来 >= k 看到异或,就应该想到异或的性质,A^B^B ...
- OpenStack Weekly Meeting 2015.07.17
Reviews(Company) 1 Mirantis 11562 HP 1653 Huawei 15 Reviews(Persons) 1 Ekaterina Chernova ✻ 2852 Kir ...
- jdbc 大数据存储 图片读取
package com.itheima.clob.test; import java.io.File; import java.io.FileReader; import java.io.FileWr ...
- html5的使用
<!DOCTYPE html><html lang="en"><head> <meta charest="UTF-8" ...
- Sublime常用插件安装大全
作为前端人员,要找一个很顺手的编辑器真的不容易,我向大家推荐的一款实用前端开发神器,不但占地小,且插件很多,很强大. 下面我向大家介绍一下它的安装及插件的使用方法. 一.安装及安装emmet插件 首先 ...