文档章节

完善用户界面——1.控制页面显示效果的CSS代码

M
 Make-Null
发布于 2016/07/14 14:06
字数 252
阅读 2
收藏 0
PHP
#body {
   font-size:15px;
   background-color:#C6C68C;
   padding:0px;
   font-family:Helvetica, sans-serif;
}
#header {
   margin-left:auto;
   margin-right:auto;
   padding:8px;
   height:80px;
   background-color:#E8F3FD;
   border-bottom:1px solid #000;
   font-size:16px;
   font-weight:bold;
}
#title {
   margin-left:auto;
   margin-right:auto;
   padding:8px;
   height:10px;
   background-color:#E8F3FD;
   border-bottom:1px solid #000;
   font-style:italic;
}
#container {
   margin-left:auto;
   margin-right:auto;
   margin-top:2px;
   margin-bottom:0px;
   padding:0;
   width:760px;
   background-color:#F6F6F6;
   border:1px solid #000;
}
#left {
   float:left;
   margin-left:auto;
   margin-right:auto;
   padding:5px;
   height:530px;
   margin:6px 0 4px 2px;
}
#right {
   float:right;
   margin-left:auto;
   margin-right:auto;
   margin:6px 0 4px 2px;
   padding:5px;
   width:200;
}
#blog_entry {
   margin-left:auto;
   margin-right:auto;
   margin-top:4px;
   margin-bottom:10px;
   border:1px solid #000;
   background-color:#FFF;
}
#blog_title {
   border-bottom:1px solid #000;
   background-color:#E8ECDB;
   magin:0px;
   padding:4px;
   font-weight:bold;
   font-size:20px;
}
#blog_body {
   margin-left:auto;
   margin-right:auto;
   margin-top:4px;
   padding:6px;
}
#blog_date {
   margin-left:auto;
   margin-right:auto;
   padding:0 0 8px 0;
   font-size:15px;
}
#sidebar {
   margin-left:auto;
   margin-right:auto;
   border:1px solid #000;
   width:200px;
   background-color:#FFF;
}
#menu_title {
   border-bottom:1px solid #000;
   background-color:#E8ECDB;
   magin:0px;
   padding:4px;
   height:15px;
   font-weight:bold;
}
#menu_body {
   margin-left:auto;
   margin-right:auto;
   margin-top:4px;
   padding:6px;
}
#footer {
   clear: both;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   padding: 4px;
   height: 16px;
   background-color: #E8F3FD;
   border-top: 1px solid #000;
}

© 著作权归作者所有

共有 人打赏支持
M
粉丝 0
博文 11
码字总数 5402
作品 0
库尔勒
程序员
私信 提问
JQuery向导插件Step——第一个阉割版插件

如果使用过JQuery Steps的朋友一定会发现这个插件有一个缺点,就是页面在第一次进入的时候,会进行一次很明显的DOM重绘——页面会闪一下。 尤其是前端代码比较庞大的时候,效果更为明显。 为...

青夜之衫
2017/12/04
0
0
什么是 MVC 模式

MVC(Model-View-Controller,模型—视图—控制器模式)用于表示一种软件架构模式。它把软件系统分为三个基本部分:模型(Model),视图(View)和控制器(Controller)。 模型—视图—控制器...

柠檬晓蒙
2016/08/17
1
0
视网膜New iPad与普通分辨率iPad页面的兼容处理

一、这是篇经验分享 就算不是果粉也应该知道,iPad2与new iPad的重大区别之一就是显示屏的分辨率。new iPad显示屏被称之为“视网膜显示屏”,其设备分辨比(之前有详细介绍,点击这里查看)是...

大雄小熊
2014/01/21
0
0
使用 jQTouch 增强您的下一个移动 web 应用程序

简介: 对 web 开发的兴趣,包括移动 web 应用程序,从未像现在这般高涨。一些开发桌面或者服务器端应用的开发人员也开始对移动 web 感兴趣。然而,许多人想要将他们目前的 web 开发技巧应用...

IBMdW
2011/11/14
3.5K
3
初识 Web Component

1. 前言 组件化这个词 应该大家耳朵都听起茧巴了 在 三个大佬 的带领下 , 我们前端 是否终于告别了 粘贴复制的 "组件化" 时代 这些高质量 且开箱即用 的 ui 库更是让组件化开发更上一层楼. 如...

lijinke666
2018/12/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql explain用法和结果的含义

简述 explain显示了mysql如何使用索引来处理select语句以及连接表。可以帮助选择更好的索引和写出更优化的查询语句。 使用方法,在select语句前加上explain就可以了 explain +----+--------...

echojson
7分钟前
0
0
内存分配 、同步、互斥

malloc() c 语言的malloc是glibc函数,其实际对应的系统调用是brk()函数(实际上是syscall 1)。glibc对brk系统调用进行封装,然后抽象出malloc函数,提供给linux开发者使用。brk函数对应的是...

SibylY
21分钟前
0
0
Spring之AOP详解

AOP介绍 AOP,既面向切面编程,可以说是OOP(面向对象编程)的补充和完善 面向切面是面向对象中的一种方式,在代码执行过程中,动态嵌入其他代码,叫做面向切面编程,常见使用场景: 日志 ; 事务; 数据...

薛小二
30分钟前
1
0
使用Maven打包Docker镜像-Jenkins版

前提:Jenkins服务器上安装好Docker,创建Jenkins任务,配置好代码来源,和Build配置: pom.xml中添加docker-maven-plugin: <plugin> <groupId>com.spotify</groupId> <artifactI......

莫在全
42分钟前
5
0
rabbitmq

灰暗
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部