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

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');
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,209评论 0 40
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,627评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 春风轻拂, 春意阑珊…… 一路走来, 一路花开! 芬芳的是春花, 清新的是春泥, 美好的是春天…… 只有经历了春天...
    黯黯红尘一路相伴阅读 140评论 0 0