文档章节

css+div知识温馨

lilugirl
 lilugirl
发布于 2015/04/08 16:06
字数 388
阅读 24
收藏 0

居中的两种方式:

直接对盒子设置margin-left:auto; margin-right:auto  ,如果要设置垂直居中,发现这种方法无效,无法通过设置margin:auto让垂直也居中

相对于页面居中的另一种写法
#login{
width:300px;
height:200px;
background:green;
position:absolute;
top:50%;
left:50%;
margin-left: -150px;
margin-top:-100px;

}


对于区块元素 都定义display:inline IE里显示的是漂浮状态,火狐里根本就不显示任何东西

对于IE 漂浮不漂浮是在同一个文档流下, 而火狐是显示的不同文档流

让所有区块都漂浮就可以解决这两个兼容问题 (IE9已经解决以上问题 )

line-height 属性: 对文字可以设置水平居中,却无法实现垂直居中,如果希望文字垂直居中,不要设置文字外框的height,而是设置line-height属性, 这样文字会居中在这个高度。

关于position
position:relative ,position:absolute可以自动激活z-index ,
如果没有定义position:relative ,position:absolute 及时添加了z-index属性也不起作用
position:relative 是相对于自己在z-index=0的位置,position:absolute是相对于自己最近的设置了position:relative 或者position:absolute的父元素的位置
 
 
关于z-index
z-index为负值的时候,javascript将不起作用
 
 
一个站点的css结构建议采用 base.css+common.css+page.css的模式
其中base.css 定义CSS reset 以及一些原子类
common.css 可以定义页面的框架
page.css可以定义具体页面中的布局


© 著作权归作者所有

共有 人打赏支持
lilugirl
粉丝 94
博文 392
码字总数 108253
作品 0
杨浦
程序员
私信 提问
宁波 招聘PHP程序员

单位:宁波市对外经济贸易信息中心 宁波市对外经济贸易信息中心成立于1996年4月,隶属于宁波市对外贸易经济合作局,主要从事面向国际贸易领域、基于国际互联网的相关信息服务、技术服务和市场...

nbdreamer
2011/04/18
593
11
求一个前端

1、 熟悉web开发流程,熟练Ajax、JavaScript、HTML、CSS+DIV、PHP等相关内容 2、 对前端新技术有热情,熟悉HTML5、CSS3。 3、 精通前端性能优化,理解和解决网页在主流浏览器的兼容性问题。 4、...

木木森
2015/05/06
542
5
求ps切片教程,视频也可以

现在要做一个网页ps切片,然后使用css+div进行组合,希望大家能给些好的意见,或者教程、视频都可以,谢谢!

闵开慧
2012/11/22
205
3
急急!求能做CSS+DIV web界面的熟手[深圳]

求能做CSS+DIV web界面的熟手[深圳] 目前要作一个web,php搞的,界面优化搞不定。头痛。希望有朋友能帮忙一把。搞定后能支付一定酬金。比较着急。

lookupup
2012/11/13
518
8
北京有没有兼职做美工/前端的?

想接私活,但没前端... web./android/IOS...的前端/美工 主要你能给P个图,写写html/[CSS+div]/调调位置/解决下浏览器兼容问题... 敢问你在何方... 也木有多少钱...具体的要看项目了......

loyal
2013/08/03
179
8

没有更多内容

加载失败,请刷新页面

加载更多

Docker的架构与自制镜像的发布

一. docker 是什么 大家都知道虚拟机吧,windows 上装个 linux 虚拟机是大部分程序员的常用方案。公司生产环境大多也是虚拟机,虚拟机将物理硬件资源虚拟化,按需分配和使用,虚拟机使用起来...

程序猿拿Q
13分钟前
0
0
ubuntu下pycharm调用Hanlp实践分享

前几天看了大快的举办的大数据论坛峰会的现场直播,惊喜的是hanlp2.0版本发布。Hanlp2.0版本将会支持任意多的语种,感觉还是挺好的!不过更多关于hanlp2.0的信息,可能还需要过一段时间才能看...

左手的倒影
22分钟前
1
0
Python监控服务器实现邮件微信报警[未测试]

本文中笔者暂时实现的只有cpu和内存的监控,python可以监控许多的主机信息,网络,硬盘,机器状态等,以下是代码的实现,代码可以实现windows和linux的监控。 实验环境:Ubuntu16.04和windo...

dragon_tech
27分钟前
1
0
Spring Boot 返回 JSON 数据,一分钟搞定!

在 WEB 项目中返回 JSON 数据是常见的交互形式,在 Spring Boot 中这一切都变得十分简单。So easy!!! 你所需具备的基础 什么是 Spring Boot? Spring Boot 核心配置文件详解 Spring Boot 开启...

Java技术栈
32分钟前
2
0
保护Hadoop集群三大方法

大约在两年前,开源数据库解决方案MongoDB以及Hadoop曾遭受过大量恶意攻击,这些攻击后被统称为“勒索软件”,因为其攻击者会擦除或加密数据,然后向被攻击者索要资金以恢复数据。自今年以来...

linuxCool
39分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部