随笔档案「2018年10月」 - xiadengqi

摘要：优先级：!important > 行间样式 > id > class|属性|伪类 > 标签|伪元素 > 通配符权重值: infinity 1000　100 10 1 0 阅读全文

posted @ 2018-10-09 12:07 xiadengqi 阅读(186) 评论(0) 推荐(0)

摘要：Document 123 阅读全文

posted @ 2018-10-09 11:56 xiadengqi 阅读(404) 评论(0) 推荐(0)

摘要：p{ width: 300px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}</style></head><body><p>记者从国家税务总局获悉，阅读全文

posted @ 2018-10-09 11:18 xiadengqi 阅读(188) 评论(0) 推荐(0)

父边框浮动实现完全包围浮动子元素

摘要：.wrapper{ border:3px solid red; float: left;}.content{ width: 100px; height: 100px; background: black; color: #fff; float: left;}</style></head><body> 阅读全文

posted @ 2018-10-08 16:50 xiadengqi 阅读(151) 评论(0) 推荐(0)

清浮动的几种方法

摘要：给需要单独一行的元素添加clear:both .wrapper{ border:1px solid #000;}.content{ width: 100px; height: 100px; background: black; color: #fff; float: left;}p{ border- 阅读全文

posted @ 2018-10-08 11:58 xiadengqi 阅读(124) 评论(0) 推荐(0)

元素浮动对文档流的影响

摘要：块级元素看不到float元素；产生了BFC的元素和inline元素及文本可以看到float元素； .box{ float: left; width: 100px; height: 100px; background: black; opacity: 0.5;}.demo{ width: 150px 阅读全文

posted @ 2018-10-08 11:51 xiadengqi 阅读(276) 评论(0) 推荐(0)

元素居中的几种实现方式

摘要：绝对定位方式：div{ width: 100px; height: 100px; background: green; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;} 注释：DIV绝对定阅读全文

posted @ 2018-10-08 10:41 xiadengqi 阅读(137) 评论(0) 推荐(0)

绝对定位和相对定位

摘要：定位的两种方式： absolution：脱离原来文档流，相对于最近的有定位的父级进行定位，如果没有就相对于文档定位； relative：保留原来文档流位置进行定位，相对于自己原来的位置定位；参数：left:20px; //相对于原来位置左移20px; 阅读全文

posted @ 2018-10-08 10:22 xiadengqi 阅读(159) 评论(0) 推荐(0)