首页的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网页,一 ...
随机推荐
- 谈谈你对Java平台理解
一说起对Java理解很容易就联想到Java的一些特性: 1,面向对象(继承,多态,封装) 2,平台无关性(”一次书写,到处运行“,jvm运行.class文件) 3,语言(泛型,lambda) 4,类库 ...
- winform跨线程问题(有参数和无参数)
1.invoke是同步线程 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...
- Centos7.4 更换国内yum源
1.进入yum源配置文件夹.(配置之前先看看有没有安装wget命令呢,没的话可以先用当前的yum源安装一下再说.yum -y install wget) 2.转到配置文件目录 cd /etc/yum ...
- C++_类入门3-嵌套类
可以将类B声明在另一个类中.在另一个类A中声明的类B被称为嵌套类(nested class). 类A的成员函数可以创建和使用嵌套类B的对象. 当且仅当声明为公有部分时,才能在类A的外面使用嵌套类.而且 ...
- 洛谷 P2577 [ZJOI2005]午餐
这道题目比较难想. 题解: 算法:贪心+dp 容易想到贪心:吃饭慢的先打饭节约时间, 所以先将人按吃饭时间从大到小排序. 然后就是dp了: 首先,应该想到f[i][j][k]:前i个人,在1号窗口打饭 ...
- Restrictions.like() 模糊查询,以及使用DetachedCriteria查询的一般用法
Restrictions.like() 模糊查询,以及使用DetachedCriteria查询的一般用法 2016-10-10 16:52:38 ...
- Django Cannot assign "A1": "B1" must be a "C1" instance. 错误信息
常见报错 Cannot assign “A1”: “B1” must be a “C1” instance. 告诉我们 必须使用 C1 模型类的 实例,而不是具体的参数值. 这个错误信息,是我写入数据 ...
- 关于抓取js加载出来的内容抓取
一.抓取页面 url=https://www.xuexi.cn/f997e76a890b0e5a053c57b19f468436/018d244441062d8916dd472a4c6a0a0b.ht ...
- 【Python】小括号过滤后的盲注
0x00 环境搭建 sqli-labs第八关,简单修改下源代码,加入下面一行代码 $id=preg_replace('/\(|\)/', "",$id); //过滤小括号 0x ...
- CAPL编程实现诊断刷写,车联网FOTA流程自动化测试(方案篇)
原创内容,转载请注明出处 本文围绕车联网的ECU,TBOX的FOTA升级业务展开描述.主要讲如何通过CANoe编程实现自动化测试, 验证TBOX在FOTA业务过程中作为一个诊断仪刷写整车其它ECU的流 ...