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的更多相关文章

  1. 仿百度图片首页--HTML+CSS练手项目1【Table】

    [本文为原创,转载请注明出处] 技术[CSS+HTML]   布局[Table] 图片准备[百度图标.10张不同类型图] --------------------------------------- ...

  2. Only女装首页HTML+CSS代码实现

    这是效果图,因为太长,缩略了. 在学习HTML和CSS基础的时候做的.自己切图下来做的. 没有什么技术含量. 源代码和图片我放在github上了, 上个链接吧: https://github.com/ ...

  3. 一、CSS概述 二、CSS的选择器(认识) 三、CSS样式和属性(练习) 四、重构商城首页DIV+CSS(页面布局)(重点) 浮动/更改显示方式

    一.CSS概述###<1>概念 DIV,就是一个HTML元素,块级元素,通常结合CSS进行页面的布局. CSS,层叠样式表,给HTML元素增强显示. ###<2>作用 样式定义 ...

  4. 常用html、CSS、javascript前端命名规范

    无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添 ...

  5. 关于解决asp.net mvc网站页面Banner图片即时更换css里背景图片url相对路径问题的新方案

    最近在网站首页上想将Banner壁纸给做到后台上传随时更改的效果.遇到问题便是:将上传的图片路径动态添加到首页css代码中,结果尝试了网上提供的思路,更改相对路径,换为url中“../../Conte ...

  6. HTML CSS + DIV实现整体布局

    HTML CSS + DIV实现整体布局 1.技术目标: 开发符合W3C标准的Web页面 理解盒子模型 实现DIV+CSS整体布局 2.什么是W3C标准? W3C:World Wide Web Con ...

  7. 关于js css html加载顺序整理

    1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一 ...

  8. [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 ...

  9. html,css,js加载顺序

    1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一 ...

随机推荐

  1. c语言数据结构学习心得——队列

    队列 只允许在一端进行插入,在另一端进行删除的线性表 队头(Front):允许删除的一端(队首) 队尾(Rear):允许插入的一端 FIFO:先进先出 不要求从数组首位开始存储队列 #define M ...

  2. 静态库(.a)与动态库(.so)的简明介绍

    静态库(.a)与动态库(.so)的简明介绍 gcc有很多关于静态库,动态库的选项如-l,-L,-fPIC,-shared -Wl,-soname,看着很复杂容易混淆,其实静态库和动态库都是应需而生,只 ...

  3. Mac的Parallels在启动Win的时候让它独立全屏窗口

    这里备忘一下,由于经常需要***,Win方法比较多少,所以使用Parallels在Win下***还是很有必要的,为了使用使用方便,一般让Parallels启动系统之后自动生成一个独立的全窗口,方便来回 ...

  4. jQuery.isEmptyObject() 函数详解 转

    原文地址 http://www.365mini.com/page/jquery_isemptyobject.htm jQuery.isEmptyObject()函数用于判断指定参数是否是一个空对象. ...

  5. 25.Remove Nth Node From End of List(删除链表的倒数第n个节点)

    Level:   Medium 题目描述: Given a linked list, remove the n-th node from the end of list and return its ...

  6. Preferences偏好设置

    Preferences偏好设置-Preferences偏好设置 General(综合设置):在综合设置界面内,对Unity集成开发环境进行一些相关的设置 Auto Refresh:自动更新 Alway ...

  7. Qt 学习之路 2(30):Graphics View Framework

    Qt 学习之路 2(30):Graphics View Framework 豆子 2012年12月11日 Qt 学习之路 2 27条评论 Graphics View 提供了一种接口,用于管理大量自定义 ...

  8. get请求和post的请求的区别

    https://www.cnblogs.com/logsharing/p/8448446.html

  9. php opcache 详解

    PHP性能提升之OPcache相关参数详解 工具 memory 发布于December 15, 2016 标签: PHP OPcache 通过将 PHP 脚本预编译的字节码存储到共享内存中来提升 PH ...

  10. redis设置允许远程连接

    #redis默认只允许本地访问# #根据自己的配置文件启动,linux环境下同理# #远程访问的话需要设置配置文件,在redis安装根目录下xxx.config# #修改三个地方# 地址绑定 保护模式 ...