css
文章平均质量分 50
错爱谁
这个作者很懒,什么都没留下…
展开
-
css开发知识技巧总结
1 padding与图片响应式 需求:页面宽度变化时图片保持缩放比例 方法:用padding-top或者padding-bottom撑开盒子 计算公式:高度/宽度*100% 代码:<ul> <li><a href="#"><img src=""></a></li> <li><a href="#"><img src=""></a></li> <li><a href="#"原创 2018-01-02 13:05:09 · 208 阅读 · 0 评论 -
IE11下padding-top撑开图片小bug
:before { content: ""; float: left; width: 1px; margin-left: -1px; height: 0; padding-top: calc(153 / 280 * 100%);}:after { content: ""; clear: both; display: tab...原创 2018-03-27 11:52:58 · 383 阅读 · 0 评论 -
《CSS世界》第三章学习心得
1 块级元素和display为block的元素不是一个概念,还有display为list-item和table。2 清楚浮动伪元素不使用display:list-item原因是IE无效,但IE对于非伪元素设置display:list-item是有效的。3 单行文字居中,多行文字左对齐。<div class="box"> <p id="conMore" class="conte...原创 2018-04-24 18:01:09 · 243 阅读 · 0 评论 -
《CSS世界》第四章学习心得——深入理解content(下)
countent计数器1 counter-reset:设置某个选择器出现次数的计数器的值,默认值是0,chrome下可以取小数,任何小数向下取整;多个以空格分隔,而不是逗号{ counter-reset:section1 2 section2 3;}2 counter-increment:计数器递增的值,默认为1。使用content:counter(...)会默认先执行一次counter-i...原创 2018-05-09 12:02:30 · 186 阅读 · 0 评论 -
《CSS世界》第四章学习心得——深入理解content(上)
1 替换元素是指内容可以被替换。如:<img>,<object>,<video>,<iframe>,表单元素。所有替换元素都是内联水平元素。2 替换元素特点(1)外观不受css控制,如无法改变单选复选的样式(2)有默认的尺寸,大多为300px*150px,img为0,表单元素根据浏览器本身(3)css属性有自身的一套规则,替换元素的基线为元素下边缘,...原创 2018-04-26 20:51:32 · 221 阅读 · 0 评论