位置: 编程技术 - 正文

非常好的CSS基本布局16例(css的基础)

编辑:rootadmin
单行单列

推荐整理分享非常好的CSS基本布局16例(css的基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css有哪些好处,css基本操作,css的基础,非常好的css基本框架,非常好的css基本框架,css的基本用法,常用的css,非常好的css基本操作,内容如对您有帮助,希望把文章链接给更多的朋友!

单行单列1:采用float浮在左上角,固定宽度。

#content { float: left; padding: px; margin: px; background: #FFF; border: 5px solid #; width: px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: px; }html>body #content { width: px; /* ie5win fudge ends */ }

单行单列2:固定在左上角,固定宽度,采用的是绝对(absolute)定位。

#content { position: absolute; top: 0px; left: 0px; padding: px; margin: px; background: #FFF; border: 5px solid #; width: px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: px; }html>body #content { width: px; /* ie5win fudge ends */ }

单行单列3:固定在左上角,不固定宽度,采用百分比(%)定义宽度来自适应页面。

单行单列4(推荐):固定宽度,采用在body样式中定义居中属性(text-align: center;)实现适应页面自动居中。 单行两列

单行两列1:两列都固定宽度。第一列浮在左上角,第二列浮在第一列右边。

单行两列2:两列都百分比宽度,但不满屏。第一列固定在左上角,第二列浮在第一列右边。

非常好的CSS基本布局16例(css的基础)

单行两列3:两列都百分比宽度,满屏。两列都采用绝对定位。

单行两列4:两列都百分比宽度,满屏。第一列浮在左上角,第二列浮在右上角。

单行两列5:两列都百分比宽度,满屏。第一列浮在左上角,第二列浮在第一列右边。 单行三列

单行三列1:左右列都绝对定位(右列定位在右上)。左列和右列固定宽度,中间列自适应页面。

单行三列2:左列定位在左上,右列定位在右上,中间列浮在左列右面。左列和右列固定宽度,中间列自适应页面。

单行三列3:三列都绝对定位。左列和右列固定宽度,中间列根据内容自适应。

单行三列4(推荐):类似样式2,只是将margin: px属性增加在body样式中,解决了中间列在Netscape6.0中置顶的问题。

单行三列5:左右列绝对定位,中间列自适应。宽度满屏。 顶行三列

顶行三列1(推荐):顶行自适应页面宽度。左右列绝对定位,中间列自适应页面。 顶行三列2:宽度满屏

一个针对IE7的CSS Hack IE7修复了很多bug,也增加了对一些选择符的支持,所以现在诸如*html{}和html>body{}等针对IE隐藏或显示的hack都会在IE7中失效。虽然CSSHack不推荐使用,条

如何解决下拉菜单被flash覆盖的问题 把swf文件属性设置成透明,在flash参数里面加上,如果你用dreamweaver,选中那个swf文件,属性面板上会有一个参数...按钮(在面板的最下面),点一下,

网页中关闭IE的图像工具栏和XP主题 关闭XP系统主题在IE中的显示如果开发环境是XP系统,IE中的input标签会和XP系统主题相符合,影响了外观的统一,采用下列方法可以关闭.添加下列META标记,可

标签: css的基础

本文链接地址:https://www.jiuchutong.com/biancheng/371880.html 转载请保留说明!

上一篇:中文排版CSS心得(css中文手册)

下一篇:如何解决下拉菜单被flash覆盖的问题(调出下拉菜单)

  • 合同不明确
  • 啥子是增值税
  • 送货运杂费属于什么费用
  • 仓库打包用的物品计什么科目
  • 原材料月末有余额吗
  • 有什么法规依据法律规定
  • 买房时有哪些税要交
  • 汇算清缴之后报销去年的票如何分录?
  • 小规模纳税人增值税优惠政策2023
  • 外币收入怎么交税
  • 融资租赁资产如何入账
  • 同一个行政区
  • 为什么电脑上找不到蓝牙耳机
  • 小规模纳税人发票增额需要什么手续
  • 企业利润表中营业收入在资产负债表中有勾千盾关系吗
  • 建筑企业所得税怎么算举例说明
  • 金融会计风险及防范措施研究目的和意义
  • 机打发票怎么申请流程
  • 普通股优先股后配股区别
  • 融资租赁的利息可以税前扣除吗
  • 电脑到u盘
  • linux系统添加静态路由命令
  • 邮件远程控制
  • 收到某公司的钱的会计分录
  • 同一控制下的控股合并与非同一控制下的控股合并
  • 福克兰群岛属于哪国
  • 哈利法塔里面有什么
  • 货物发生非正常损失为什么要做j进项转出
  • 应交增值税转入营业外收入摘要怎么写
  • 职工教育经费能结转几年
  • 固定资产到期日
  • 销售返利的会计处理方法
  • 水电费是收据能入账不
  • 现金流量表的编制方法和计算公式
  • python怎么查看文件路径
  • 季度利润表是累计数吗
  • 金蝶余额调节表勾对日期什么意思
  • 母子公司之间借款要交税吗
  • access数据库丢失原因
  • 收到缴纳个人所得税短信
  • 契税并入土地价值吗
  • 本月计提费用,发票下个月到可以吗
  • 港币转人民币怎么算
  • 成本发票未到怎么入账
  • 政府补助的分类及会计处理方法有哪些
  • 准予抵扣销项税额
  • 个体工商户和小规模纳税人的区别
  • 服装销售怎么做
  • sqlserver存储过程返回多个结果集
  • linux系统怎么安装
  • linux命令放在哪个路径
  • mac系统怎么给文件夹设置密码
  • linux修改计算机主机名和用户名
  • mac锁定快捷键
  • vsftpd 虚拟用户权限
  • Mtdacq.exe - Mtdacq是什么进程 有什么用
  • KbdTray.exe - KbdTray是什么进程 有什么作用
  • linux命令行在哪
  • javascript 操作css
  • vue条形码
  • node 包管理
  • shell脚本通过expect实现自动单边无密登录功能
  • shell中的循环语句有哪些
  • androidsocket原理
  • js面向对象编程思想
  • unity3d手机怎么打开
  • jQuery的 $.ajax防止重复提交的两种方法(推荐)
  • js实现返回顶部
  • js 实现复制到粘贴功能
  • 如何利用python写爬虫
  • android view类
  • 前端框架到底是什么
  • 青岛税务局领导
  • 如何打印个人缴税记录
  • 深圳地方税务局电话
  • 价税分离有什么好处
  • 中牟地税局电话
  • 税务怎么报停
  • 山西土地增值税清算
  • 黑龙江工商局网站官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设