当前位置:首页 > 开发 > Web前端 > Css > 正文

CSS排版

发表于: 2015-11-13   作者:互联网   来源:转载   浏览次数:
css
摘要: CSS样式菜单:    <style type="text/css">        #form1        {      &nbs

CSS样式菜单:   

<style type="text/css">
        #form1
        {
            width: 100%; /*如果要让form1居中显示,需要设置一个常规宽度不能设置为100%,否则在IE里面form1将会满屏显示*/
            background-color: Gray;
            padding-top: 10px;
            min-width: 760px;
            max-width: 984px;
            margin-left: auto;
            margin-right: auto;
            height: 700px;
        }
        /*Left包括在Main当中*/
        .Left
        {
            float: left;
            width: 200px;
            background-color: Green;
        }
        /*Right与Main是并列的*/
        .Right
        {
            float: left;
            width: 190px;
            background-color: Blue;
            margin-left: -190px;
        }
        /*主体部分,包括着,Left Content*/
        .Main
        {
            float: left;
            width: 100%;
            background-color: Maroon;
        }
        .Content
        {
            /*是左右的边缘偏移,200px 表示离 Right的宽度+10px的间隔,210是Left的宽度+10px的间隔*/
            margin: 0px 200px 0px 210px;
            background-color: Silver;
        }
        .Main
        {
            height: 600px;
            overflow: hidden;
        }
        .Content, .Right, .Left
        {
            height: 500px;
            margin-top: 20px;
        }
    </style>

调用:

    <div id="form1">
        form1
        <div class="Main">
            <div class="Left">
                Left</div>
            <div class="Content">
                Content</div>
            This is Main
        </div>
        <div class="Right">
            Right</div>
    </div>

CSS排版

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
smart-form 单行元素: 一般用div包含,class="row" 列元素:用section包含,class="col col-x"(se
【jquery+css排版小记】   1、在css中写style的时候,key、value均不加引号,直接写。例:   
Bootstrap的排版样式大致和html基本元素一样,没什么大的区别,就是对元素加了样式。 (1)标题 HTM
表单排版样式 960css 前言 一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去
2015-04-08 14:18:01 昨天下午记得笔记竟然没有保存,囧,怒……赶紧补上一点自己学到的东西! 1.内
上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了
使用CSS3生成的3D效果的字体效果 在线调试唯一地址:http://www.gbtags.com/gb/debug/901e67c6-de
国际化市场,二十七国文字,其中免不了“反常态”的语种,比如,阿拉伯语,波斯语,希伯来文等,书
在CSS3中变化重大的一项便是与Web排版相关的技术。现在我们不需要使用任何JavaScript或图片即可实现
Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。 使用 Boo
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号