![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 54
Mr_chen95
走进历史,走出谎言。
展开
-
为什么清除浮动?清除css浮动的三种方法
一,我们为什么要浮动 为什么浮动,为什么要清除浮动,以及清除浮动的方法。在网页布局的时候有时需要元素并排显示,如果不选择浮动,那么那些块状元素就会一行一行显示,占用空间不说,用户体验也是极为不好的。 以下是没有浮动的元素代码 .box{ background: #000; } .box01{ width: 100px; height: 10原创 2017-09-08 18:20:19 · 577 阅读 · 0 评论 -
inline-block与float浮动的区别
在给网页布局的时候有多种方法,采用float,display,position.其中inline-block也可以实现网页布局,这里就说一下float和inline-block布局的差异。 通常情况下小编是喜欢inline-block。而float浮动布局还要清楚浮动,有些麻烦。 一 float浮动布局 .slide{ width: 100px;原创 2017-09-11 20:03:57 · 806 阅读 · 0 评论 -
纯css自定义radio,checkbox样式,提高用户体验
在页面编写的时候我们需要自定义radio样式,每个浏览器的渲染效果不一样,而且样式是系统默认的,不太美观,所以为了提高用户体验以及美观,我们需要对radio,chenckbox样式进行美化。 这里只选取radio进行样式编写,checkbox以此类推就ok了。 男 女 效果如下图所示 编写思路先说一下,起先把input浏览器渲染的按钮清除掉,采用display:none;原创 2017-09-12 17:56:38 · 4265 阅读 · 1 评论 -
浏览器缩小网页banner图居中显示
overflow: hidden; text-align: center; vertical-align: middle; background-position-x: center; background-position-y: center; background-image:url('../images/xxxx.png'); backgrou原创 2018-01-16 11:24:48 · 1025 阅读 · 0 评论