![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
smile_xting
这个作者很懒,什么都没留下…
展开
-
margin:0 auto;的三种用法
margin: 0 auto; 只对块级元素生效所以margin:0 auto的用法分为三种,分别为块级元素:div、h1~h3、ul行内元素:span、a行内块元素:button、img、input、textarea用法一:对于块级元素,只需要设置width<div class="block">块级元素</div>div{ width: 200px...原创 2019-11-12 10:45:50 · 4530 阅读 · 0 评论 -
图片轮播
<div class="wrapper"> <div class="inner"> <div class="one"> <!-- 此处可直接通过img标签引入图片 --> </div> <div class="two"></div> <div class="three"><...原创 2019-11-12 10:23:52 · 87 阅读 · 0 评论 -
行内元素设置宽高的3种方法
将行内元素设置为块级元素,就可以设置宽高方式一:使用display: display:block/inline-block<span class="one">test</span>.one{ display: block; //块元素 height: 100px; width: 100px; background-color: red;}方式二:...原创 2019-11-12 10:16:36 · 2368 阅读 · 0 评论 -
清除浮动的4种方式
清除浮动可以通过两大方面进行父元素:1)浮动元素的父元素设置高度2)浮动元素的父级元素设置overflow:hidden;3)浮动元素的父元素使用::after {display:block;content:"";clear:both;}兄弟元素:在使用浮动的最后一个兄弟元素后面,添加一个标签,该标签使用clear:both;方式一:给父元素高度<div class="wr...原创 2019-11-12 10:06:03 · 126 阅读 · 0 评论 -
块级元素水平垂直居中
方法一父元素相对定位,子元素绝对定位,子元素使用left: 0;right: 0;top: 0;bottom: 0;margin:auto;<div class="one"> <div class="one_content"></div></div>.one{ height: 200px; width: 200px;...原创 2019-11-11 20:07:30 · 82 阅读 · 0 评论 -
CSS3的重要知识点
css3的个人总结原创 2019-11-04 09:56:45 · 120 阅读 · 0 评论