文档章节

css+div知识温馨

lilugirl
 lilugirl
发布于 2015/04/08 16:06
字数 388
阅读 24
收藏 0
点赞 0
评论 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
粉丝 91
博文 337
码字总数 102401
作品 0
杨浦
程序员
求ps切片教程,视频也可以

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

闵开慧 ⋅ 2012/11/22 ⋅ 3

北京有没有兼职做美工/前端的?

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

loyal ⋅ 2013/08/03 ⋅ 8

有关ie兼容性的问题

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

子游 ⋅ 2014/06/16 ⋅ 9

请教web开发方向的的学习曲线

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

土匪强 ⋅ 2012/02/06 ⋅ 1

盛大也推SNS社区格子客

格子客内测首页 格子客内测首页 【TechWeb消息】4月17日消息,据盛大在线内部人士透露,盛大之前推出的社区网游《格子客》已经全面转型为SNS社区,《格子客》已于 2010年4月16日中午12:00结束...

老枪 ⋅ 2010/04/18 ⋅ 2

Div+CSS常见错误总结

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css...

Yue_h ⋅ 2013/12/02 ⋅ 0

爱留图 - 一个定期开设专栏活动的图片收集网站诞生。

本章和大家分享的是一个自制的图片收集网站:爱留图;本章不打算分享什么技术知识点,而分享的主要内容有网站的创立的需求,现阶段采用的技术架构,服务器配置等信息;在站点服务构建时用到的...

神牛步行3 ⋅ 2017/05/05 ⋅ 0

实习了两个月了,说说感悟吧..

希望我的经历能给还处于迷茫的朋友一点启示 (第一次写博客,写的有些乱,希望大家谅解) 2月22号星期五,带着对未来的迷茫和害怕来到广州--一个陌生的大都市,虽然我在这里呆了两年多。 从23号...

520电脑论坛 ⋅ 2014/05/15 ⋅ 0

在Django中自定义Tag和Filter(一)

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

durban ⋅ 2012/08/20 ⋅ 0

从开发者(Java)角度理解Request和Response

背景知识: 超文本传输协议 (HTTP-Hypertext transfer protocol) :一种详细规定了浏览器和万维网服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。 七层网络协议: 应用...

Iuranus ⋅ 2013/11/02 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

mysql in action / alter table

change character set ALTER SCHEMA `employees` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci ;ALTER TABLE `employees`.`t2` CHARACTER SET = utf8mb4 , COLLAT......

qwfys ⋅ 今天 ⋅ 0

Java 开发者不容错过的 12 种高效工具

Java 开发者常常都会想办法如何更快地编写 Java 代码,让编程变得更加轻松。目前,市面上涌现出越来越多的高效编程工具。所以,以下总结了一系列工具列表,其中包含了大多数开发人员已经使用...

jason_kiss ⋅ 昨天 ⋅ 0

Linux下php访问远程ms sqlserver

1、安装freetds(略,安装在/opt/local/freetds 下) 2、cd /path/to/php-5.6.36/ 进入PHP源码目录 3、cd ext/mssql进入MSSQL模块源码目录 4、/opt/php/bin/phpize生成编译配置文件 5、 . ./...

wangxuwei ⋅ 昨天 ⋅ 0

如何成为技术专家

文章来源于 -- 时间的朋友 拥有良好的心态。首先要有空杯心态,用欣赏的眼光发现并学习别人的长处,包括但不限于工具的使用,工作方法,解决问题以及规划未来的能力等。向别人学习的同时要注...

长安一梦 ⋅ 昨天 ⋅ 0

Linux vmstat命令实战详解

vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令...

刘祖鹏 ⋅ 昨天 ⋅ 0

MySQL

查看表相关命令 - 查看表结构    desc 表名- 查看生成表的SQL    show create table 表名- 查看索引    show index from  表名 使用索引和不使用索引 由于索引是专门用于加...

stars永恒 ⋅ 昨天 ⋅ 0

easyui学习笔记

EasyUI常用控件禁用方法 combobox $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox $("#id").attr("readonly", true); ----- $("#id").r......

miaojiangmin ⋅ 昨天 ⋅ 0

金山WPS发布了Linux WPS Office

导读 近日,金山WPS发布了Linux WPS Office中文社区版新版本,支持大部分主流Linux系统,功能更加完善,兼容性、稳定性大幅度提升。本次更新WPS将首次在Linux提供专业办公文件云存储服务,实...

问题终结者 ⋅ 昨天 ⋅ 0

springboot2输出metrics到influxdb

序 本文主要研究一下如何将springboot2的metrics输出到influxdb maven <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-bo......

go4it ⋅ 昨天 ⋅ 0

微信小程序 - 选择图片显示操作菜单

之前我分享过选择图片这个文章,但是我在实际开发测试使用中发现一个问题在使用 wx.chooseImage 选择照片显示出第一格是拍照,后面是相册里的图片。这种实现之前说过了,效果如下。 但是你从...

hello_hp ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部