文档章节

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
粉丝 92
博文 385
码字总数 106460
作品 0
杨浦
程序员
求ps切片教程,视频也可以

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

闵开慧
2012/11/22
202
3
北京有没有兼职做美工/前端的?

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

loyal
2013/08/03
170
8
有关ie兼容性的问题

用css+div做的网站ie兼容性是怎么做的?我们开发环境是ie8 以上的浏览器, ie 6 ,ie7布局就乱了,在页面中加了 强制使用ie8,不管用,也搜了一下google ie8.js,不太会用,求高手解答,大家在...

子游
2014/06/16
176
9
请教web开发方向的的学习曲线

我接触java web开发有差不多三个多月了, 目前对于页面布局css+div;前端js逻辑;ajax;java的数据库编程;主流的开发框架(mvc:struts2,ioc:spring)较为熟悉,对数据库建模有点点了解。...

土匪强
2012/02/06
291
1
在Django中自定义Tag和Filter(一)

这儿是一个自定义Tag的Demo: 创建工程和app。使用django-admin.py startproject DynamicNav命令创建一个名为DynamicNav的Django工程,然后使用manage.py startapp nav在DynamicNav目录中创建...

durban
2012/08/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
36分钟前
0
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
58分钟前
1
0
vm GC 日志 配置及查看

-XX:+PrintGCDetails 打印 gc 日志 -XX:+PrintTenuringDistribution 监控晋升分布 -XX:+PrintGCTimeStamps 包含时间戳 -XX:+printGCDateStamps 包含时间 -Xloggc:<filename> 可以将数据保存为......

Canaan_
昨天
0
0
学习设计模式——生成器模式

1. 认识生成器模式 1. 定义:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示 2. 组成: Builder:生成器接口,定义创建一个Product对象所需要的各个组件的操作,...

江左煤郎
昨天
1
0
C语言精要(第二章:基本数据类型)

2.1 C语言基本数据类型 在计算机术语中,把⼆进制数中的某⼀位数又称为⼀个⽐特(bit)。⽐特这个单位对于计算机⽽⾔,在度量上是最⼩的单位。除了⽐特之外,还有字节(byte)这个术语。⼀个...

ryanliue
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部