首页的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网页,一 ...
随机推荐
- opencv学习笔记2
import cv2 as cvimport numpy as np"""#图像加法运算 即像素加法 (结果图=图1+图二) (两个图像必须是等大等类型的)image = ...
- c3m快速入门
- 洛谷 P3244 / loj 2115 [HNOI2015] 落忆枫音 题解【拓扑排序】【组合】【逆元】
组合计数的一道好题.什么非主流题目 题目背景 (背景冗长请到题目页面查看) 题目描述 不妨假设枫叶上有 \(n\) 个穴位,穴位的编号为 \(1\sim n\).有若干条有向的脉络连接着这些穴位. ...
- [八分之一的男人]POJ - 1743 后缀数组 height分组 带详解
题意:求最长不可重叠的相同差值子串的长度 这道题算是拖了好几个月,现在花了点时间应该搞懂了不少,尝试分析一下 我们首先来解决一个退化的版本,求最长不可重叠的相同子串(差值为0) 比如\(aabaaba ...
- os.path模块
什么是os.path模块 该模块用于处理路径,我们知道python是一门跨平台的语言,二每种操作系统,文件路径是截然不同的,为了使程序可以在不同平台生正确运行,python提供了该模块,使用该模块可以 ...
- hdu1395 2^x mod n = 1(欧拉函数)
2^x mod n = 1 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Tot ...
- Notepad++编译和运行Java
首先要让Notepad++编译和运行Java,前提是电脑里已经配置好了Java的环境(这里可以参考我博客里关于Java环境配置的那篇随笔). 在Notepad++上面的选项栏中找到 插件---> ...
- mysql 5.7.20 server status 是stopped的解决办法
mysql 5.7.20 server status 是stopped的解决办法 在安装mysql 5.7.20的过程中,前几个过程都没什么问题,但是最后一个步骤就出问题了.当check一直提示con ...
- python学习9-生成器(转载)
什么是生成器? 生成器的实质就是迭代器,我们能够从生成器中一个一的拿值 python中获取生成器的方式有三种: 1.通过生成器函数 2.通过生成器表达式 3.通过数据转换也可以获取生成器(某些对象执行 ...
- Java线程池详解(一)
一.线程池初探 所谓线程池,就是将多个线程放在一个池子里面(所谓池化技术),然后需要线程的时候不是创建一个线程,而是从线程池里面获取一个可用的线程,然后执行我们的任务.线程池的关键在于它为我们管理了多 ...