美文网首页
float、margin:auto、子选择器、focus、bef

float、margin:auto、子选择器、focus、bef

作者: jlnbda3488375 | 来源:发表于2016-12-24 22:14 被阅读11次

float
CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。
Float(浮动),往往是用于图像,在布局时非常有用。
用float使原来上下排列的区块元素变成上下排列

img{
float:right;
}

清除浮动:

.text_line{clear:both;}


在width不等于100%的时候可以用margin:100%来使原件居中对齐


** 子选择器**

div>p{background-color:yellow;}


focus

input:focus{
background-color: purple;
}


before

p:before{
content: url('tt.png');
}

相关文章

  • float、margin:auto、子选择器、focus、bef

    floatCSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往...

  • CSS中几种居中方式

    1.水平居中的margin:0 auto; (用于子元素前提是不受float影响) *{ paddin...

  • 水平垂直居中

    水平 text-align: center margin: 0 auto 当子元素包含float 两种flex t...

  • 居中,定位

    margin:0 auto;absolute 而是出现了层级关系,脱离文档流,溢出。float:float元素本身...

  • CSS常用操作

    一、对齐操作 使用margin进行水平对齐margin:auto 使用position进行左右对齐 使用float...

  • CSS居中的几种方式

    1.水平居中的 margin: 0 auto; 这个用于子元素上的,前提是不受float影响。 2.水平居中的 t...

  • css水平居中布局总结

    水平居中 1. 子元素margin: 0 auto 父子元素的宽度皆已定,子元素的margin设为左右自动,mar...

  • CSS 页面布局

    一列布局!设宽度!用margin: 0 auto; 两列布局float:一个left 一个right 再清除浮动 ...

  • css 居中总结

    水平居中 1、宽度固定: 子: margin:0 auto; 子: transform 2、父、子宽度都不固定 父...

  • css div居中对齐

    margin:0 auto;text-align:center; 左右margin一定要auto

网友评论

      本文标题:float、margin:auto、子选择器、focus、bef

      本文链接:https://www.haomeiwen.com/subject/ygglvttx.html