首页的css
html,body{
margin:;
padding:;
background-color: lavenderblush;
}
a{
color:darkgray;
}
li{
list-style: circle;
}
/*页首*/
#header{
/*background: -webkit-linear-gradient(rgba(0,0,0,1), transparent); /* Safari 5.1 - 6.0
background: -o-linear-gradient(rgba(0,0,0,1), transparaet); /* Opera 11.1 - 12.0
background: -moz-linear-gradient(rgba(0,0,0,1), transparent); /* Firefox 3.6 - 15
background: linear-gradient(rgba(0,0,0,1), transparent); /* 标准的语法 */
//height:129px;
margin:;
width:auto;
//border-bottom: 1px solid lightgray;
//background-color: yellow;
}
/*博客标题和副标题*/
#blogTitle h1{
margin:;
padding:;
line-height:1.5;
text-align:center;
width:25%;
//background-color:white;
}
.headermaintitle {
list-style-type: none;
text-decoration: none;
font-family: Impact, Charcoal, sans-serif;
font-size: 30px;
color:black;
}
.headermaintitle:hover{
color: dimgray;
}
/*博客标题和副标题*/
/*博客导航栏*/
#navList{
margin-bottom:;
margin-right:;
margin-left:5px;
height:43px;
border-bottom: 1px solid lightgray;
//background-color:red;
}
#navList li{
list-style-type: none;
float:right;
line-height:;
border-right: 1px solid lightgray;
//background-color: blue;
}
.menu{
text-decoration: none;
font-size:20px;
color: black;
padding:10px;
border-bottom: 2px none black;
transition: 0.2s all linear;
-ms-transition:0.2s width linear;/* Firefox 4 */
-webkit-transition:0.2s width linear; /* Safari and Chrome */
-o-transition:0.2s width linear;/* Opera */
}
.menu:hover{
border-bottom: 2px solid black;
}
/*博客导航栏*/
.blogStats{
height:20px;
}
/*页首*/
/*主体内容*/
#main{
min-height: 500px;
width:auto;
margin-left:4%;
margin-right:4%;
}
.forFlow{
float:left;
width:70%;
min-height: 500px;
border-right:1px solid lightgray;
}
#sideBar{
margin-left: 20px;
float:left;
width:28%;
//background-color: blue;
}
/*随笔*/
.day{
padding-right:20px;
margin-bottom: 25px;
//margin-right:10px;
//border-bottom:1px solid lightgray;
//background-color: red;
}
.dayTitle{
display:none;
}
.postTitle{
text-align:center;
}
.postTitle a{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
color:black;
text-decoration: none;
}
.postTitle a:hover{
border-bottom: 2px solid black;
}
/*随笔*/
/*搜索*/
.mySearch{
min-height: 100px;
border-bottom:1px solid lightgray;
margin-bottom: 5px;
padding-bottom:5px;
}
.mySearch h3{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
}
/*搜索*/
/*常用链接*/
.catListLink{
min-height: 100px;
border-bottom:1px solid lightgray;
margin-bottom: 5px;
padding-bottom:5px;
}
.catListLink h3{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
}
/*常用链接*/
/*最新随笔*/
.catListEssay{
min-height: 100px;
border-bottom:1px solid lightgray;
margin-bottom: 5px;
padding-bottom:5px;
}
.catListEssay h3{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
}
/*最新随笔*/
/*随笔档案*/
#sidebar_postarchive{
min-height: 100px;
border-bottom:1px solid lightgray;
margin-bottom: 5px;
padding-bottom:5px;
}
#sidebar_postarchive h3{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
}
/*随笔档案*/
/*最新评论*/
.catListComment{
min-height: 100px;
border-bottom:1px solid lightgray;
margin-bottom: 5px;
padding-bottom:5px;
}
.catListComment h3{
font-family: Arial Black, Gadget, sans-serif;
font-size: 20px;
}
/*最新评论*/
.clear{
height:10px;
}
/*主体内容*/
/*footer*/
#footer{
clear:all;
margin:;
padding:;
width:auto;
text-align: center;
line-height:;
background-color: black;
color:white;
}
/*footer*/
首页的css的更多相关文章
- 仿百度图片首页--HTML+CSS练手项目1【Table】
[本文为原创,转载请注明出处] 技术[CSS+HTML] 布局[Table] 图片准备[百度图标.10张不同类型图] --------------------------------------- ...
- Only女装首页HTML+CSS代码实现
这是效果图,因为太长,缩略了. 在学习HTML和CSS基础的时候做的.自己切图下来做的. 没有什么技术含量. 源代码和图片我放在github上了, 上个链接吧: https://github.com/ ...
- 一、CSS概述 二、CSS的选择器(认识) 三、CSS样式和属性(练习) 四、重构商城首页DIV+CSS(页面布局)(重点) 浮动/更改显示方式
一.CSS概述###<1>概念 DIV,就是一个HTML元素,块级元素,通常结合CSS进行页面的布局. CSS,层叠样式表,给HTML元素增强显示. ###<2>作用 样式定义 ...
- 常用html、CSS、javascript前端命名规范
无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添 ...
- 关于解决asp.net mvc网站页面Banner图片即时更换css里背景图片url相对路径问题的新方案
最近在网站首页上想将Banner壁纸给做到后台上传随时更改的效果.遇到问题便是:将上传的图片路径动态添加到首页css代码中,结果尝试了网上提供的思路,更改相对路径,换为url中“../../Conte ...
- HTML CSS + DIV实现整体布局
HTML CSS + DIV实现整体布局 1.技术目标: 开发符合W3C标准的Web页面 理解盒子模型 实现DIV+CSS整体布局 2.什么是W3C标准? W3C:World Wide Web Con ...
- 关于js css html加载顺序整理
1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一 ...
- [css]样式合并与模块化
原文链接:http://www.zhangxinxu.com/wordpress/2010/07/css%E7%9A%84%E6%A0%B7%E5%BC%8F%E5%90%88%E5%B9%B6%E4 ...
- html,css,js加载顺序
1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一 ...
随机推荐
- 2B - Amy
数据范围是18位,把每一位加起来的和最多9*18 = 162 所以只需考虑n-162 - n的数即可,暴力解决 #include <iostream> using namespace st ...
- Qt 学习之路 2(36):二进制文件读写
Qt 学习之路 2(36):二进制文件读写 豆子 2013年1月6日 Qt 学习之路 2 20条评论 在上一章中,我们介绍了有关QFile和QFileInfo两个类的使用.我们提到,QIODevice ...
- Qt 学习之路 2(31):贪吃蛇游戏(1)
Qt 学习之路 2(31):贪吃蛇游戏(1) 豆子 2012年12月18日 Qt 学习之路 2 41条评论 经过前面一段时间的学习,我们已经了解到有关 Qt 相当多的知识.现在,我们将把前面所讲过的知 ...
- Windows远程连接CentOS图形化界面
1.检查是否安装VNC rpm -q tigervnc tigervnc-server 2.安装安装X-Window # yum check-update # yum groupinstall &qu ...
- anaconda 换源
2019.4.24更新: 清华源停止维护了(见:https://mirrors.tuna.tsinghua.edu.cn/news/close-anaconda-service/).以下方法不再适用. ...
- 洛谷 P2680 运输计划(NOIP2015提高组)(BZOJ4326)
题目背景 公元 \(2044\) 年,人类进入了宇宙纪元. 题目描述 公元\(2044\) 年,人类进入了宇宙纪元. L 国有 \(n\) 个星球,还有 \(n-1\) 条双向航道,每条航道建立在两个 ...
- Oracle Purge和drop的区别
转自: http://www.cnblogs.com/HondaHsu/archive/2012/09/28/2707487.html 最近发现oracle中出现了这些奇怪的表名,上网查找后发现是or ...
- Python异常基础
一.常见异常及场景举例 1.AssertionError 断言失败,断言是调试中常用(表示自己并不常用┑( ̄Д  ̄)┍)手段 举例: def foo(s): n = int(s) assert n ! ...
- BENZ Prognosis System C5 SD Be connected & Panasonic Xentry-Tab
Brand-new released!! Recently, we all autonumen website gives a brand-new Superstar prognosis bundle ...
- my32_ error 1872 Slave failed to initialize relay log info structure from the repository
重启了实例后,slave进程无法开启 Last_SQL_Errno: Last_SQL_Error: Slave failed to initialize relay log info structu ...