css 常用布局,background-color布局

css 常用布局,background-color布局

/*触发gridlayout*/display:grid;grid-template-columns:repeat(3,33.33%);grid-template-rows:repeat(3,150px);}.boxdivimg{width:100%;height:100%;} .boxdiv:nth-child(1){CSS:.box{

高度：100px；

∪＾∪ 宽度：100px；

边框半径：10px；

边距：10px；文本

∪▂∪ 常见的CSS布局方法包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等。 1.布局灵活：整体宽度和内部各列的值均以单位书写。 这个应该可以让layout使用CSSbasics2.几种layout方法1)tablelayout是当时的主流layout方法。第一个是通过tabletrtdlayout例子:table{width:800px;height:300px;border-collapse:collapse;}.left{background-color:red;}.right{ba

.tablecss{text-align:center;border:1pxsolid#CCC;border-bottom:0;border-left:0}.tablecssth{颜色:#00F;line-height:30px;border-bottom:1pxsolid#CCC;border -left:1pxsolid#CCC}1.单列布局-固定顶部和底部，自适应渲染中间：TopMainFooter121.Useabsolutepositioningtoimplementhtml,body{padding:0;margin:0;width:100%;height:100%;}.container{position:relativ

≥▂≤ 下面介绍几种常见的布局方法1.Leftandrightlayout1.1.使用'float'实现leftandrightlayout。float实现leftandrightlayout。只要将两个layout块的宽度之和设置为'container'（容器）的宽度，那么两个类的float属性都可以是'float:left;'3.中间主要部分为固定宽度为100%：宽度：100%，左右宽度和高度根据产品要求设置4.在中间主体部分添加一个框内放置内容（与布局上的圣杯差异）5.左侧设置margin-left:-100%ontheside;setmonthrightright