Sjming

from today to future, I will try my best to study and practice

css(三)布局模型

  1. 流动模型 (Flow)
    特征:(1)块状模型水平分布,占据整行,自上而下(2)内敛元素自左而右
  2. 浮动模型(Float)
    div{
    float:left;
    }

    可以设置块状元素在同一行显示,上述语句是靠左
  3. 层模型(Layer)
    1. 绝对定位(position: absolute) //相对父块
    2. 相对定位(position: relative)//生成一个新的元素,相对于以前的进行移动,块内的子元素不动
    3. 固定定位(position: fixed)//相对于视图(即窗口位置)固定
    4. relative中的absolute
  4. 颜色值的表示
    (1)p{color:red;}(2)p{color:rgb(133,45,200);}或p{color:rgb(20%,33%,25%);}(3)p{color:#00ffff;}
    注:#off表示#ooffff
  5. 长度值
    (1)px,即pixel像素(2)em表示字体(3)%
  6. 设置文本等居中
    水平居中:text-align:center
    垂直居中:
    height:100px;
    line-height:100px;
    水平和垂直居中都可以利用table,具体参见相关教程
  7. 隐性改变display类型
    position : absolute
    float : left 或 float:right
    自动改为:display:inline-block
阅读更多
版权声明:新建了专注于语义分割的QQ群704803384,欢迎交流!!! https://blog.csdn.net/u014451076/article/details/49892245
文章标签: css
个人分类: html+css+js+jq
上一篇css(二)盒子模型和不同元素类型
下一篇css列布局
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭