首页的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网页,一 ...
随机推荐
- 3.mouseenter和mouseover事件的区别
<html> <head> <meta charset="UTF-8"> <script src="jquery-3.3.1.j ...
- celery实现异步任务
celery==3.1.25 rabbitmq开启服务 tasks.py代码如下: from celery import Celery broker = 'amqp://guest:guest@loc ...
- Python闭包需要注意的问题
定义 python中的闭包从表现形式上定义为:如果在一个内部函数里,对在外部作用域(但不是在全局作用域)的变量进行引用,那么内部函数就被认为是闭包(closure),也就是说内层函数引用了外层函数 ...
- hibernate自动生成时报错问题
创建好了实体类和.hbm.xml文件,运行项目报上错: 实体类和xml文件中的字段要一致.(顺序和字段)
- mysql 表的分区
如何判断当前MySQL是否支持分区 命令:show variables like '%partition%' 运行结果: mysql> show variables like '%partiti ...
- pyhton学习,day1作业,用户名密码登录模块
要求,通过用户名密码登录,登录错误3次,锁定用户名 # coding=utf-8 # Author: RyAn Bi import os, sys #调用系统自己的库 accounts_file = ...
- Windows10 下安装 MySQL Workbench + Thinkphp
昨天,搭建了最基本的 W + I + M + P 环境,今天把 workbench 装上,毕竟效率是第一位的,还不是吾装的时候. MySQL.org 下载最新的 workbench,一路安装倒是没有任 ...
- Asp.Net 远程连接Oracle数据库
Asp.Net 远程连接Oracle数据库 首先从微软停止.Net FrameWork支持Oracle数据库的研发,转为第三方提供说起,微软是很有实力的公司,他在桌面领域令其他对手望其项背,产品战线也 ...
- C++ GUI Qt4 编程 (第二版)
[加拿大]JasminBlanchette [英]MarkSummerfield . 电子工业 2008. 前几天的问题多是因为版本不兼容的问题. QT本身Q4 Q5就有版本问题,然后集成到VS08 ...
- CNN Advanced
from sys import path path.append('/home/ustcjing/models/tutorials/image/cifar10/') import cifar10,ci ...