![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Dream luckyจุ๊บ
这个作者很懒,什么都没留下…
展开
-
使用display:inline-block;有问题
与前面元素书写时换行的话前面会有几像素的距离;能不用就不用,可以用浮动,或者verical-align:middle;代替;原创 2018-12-05 09:28:23 · 117 阅读 · 0 评论 -
纯CSS跟换input单选框图片
HTML<div id="yuyue"> <input type="radio" name="sex" value="" checked="checked" class="sex" />原创 2019-01-11 09:47:02 · 1163 阅读 · 0 评论 -
元素在固定定位的前提下,保持水平居中
元素在固定定位的前提下,保持水平居中样式处理.mainBox .hot{ width: 276px; position: absolute; bottom: 28px; left: 0; right: 0; margin: 0 auto;}原创 2019-01-04 09:26:02 · 1430 阅读 · 0 评论 -
vertical-align的用法
作用环境:父元素设置line-height。作用对象:子元素中的inline-block和inline元素。原创 2018-12-06 15:52:39 · 469 阅读 · 0 评论 -
box-sizing:border-box;
内减模式,怪异盒模型 主动将边框及内边距所占的数值从宽高中减掉;为元素设定的宽度和高度决定了元素的边框盒;就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制...原创 2018-12-06 15:48:00 · 119 阅读 · 0 评论 -
清除字符与字符之间的间距
letter-spacing:可以清除字符与字符之间的间距,可以用于消除 inline-block 元素间的换行符空格间隙问题。原创 2018-12-04 09:35:20 · 630 阅读 · 0 评论 -
rgba()和 opacity的区别
rgba()和 opacity 都能实现透明效果,但最大的不同是 opacity 作用于元素,以及元 素内的所有内容的透明度,而 rgba()只作用于元素的颜色或其背景色。(设置 rgba 透明 的元素的子元素不会继承透明效果;...原创 2018-12-04 09:34:10 · 288 阅读 · 0 评论 -
让页面里的字体变清晰
当我们在写移动端页面时,由于移动设备的尺寸限制,文字会看起来很不清晰,失真,只要在css中加入-webkit-font-smoothing:antialiased;便可解决这个问题原创 2018-12-03 14:30:53 · 1460 阅读 · 0 评论 -
html清除浮动
以后有浮动的时候一定要清除浮动,清浮动的方式:CSS初始化文件里有,父元素直接引用类名一般为(.clearfix);代码详情:.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;.clearfix{*zoom:1;}...原创 2018-12-03 14:13:31 · 284 阅读 · 0 评论 -
div的垂直居中问题
有固定宽高的情况下div{position:relative; width:500px;height:300px;top:50%;left:50%;margin:-150px00-250px;background-color:pink;}无固定宽高的情况下div{position:absolute; width:500px;height:300px;top:50%;left:50%;tra...原创 2018-12-03 14:03:55 · 136 阅读 · 0 评论 -
移动端用img引入图片时,点击到图片时会此图片会单独放大成为一个单独页面
做移动端时,当背景图片填充整个屏幕时,需要用img标签来做到,(有个坑)点击到图片时会此图片会单独放大成为一个单独页面,解决办法:在img标签里加上onclick="return false"阻止跳出。...原创 2018-12-03 14:00:48 · 2166 阅读 · 1 评论 -
图片水平垂直居中
图片水平垂直居中margin:auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;原创 2019-06-06 09:35:08 · 315 阅读 · 0 评论