![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
qq_27628085
这个作者很懒,什么都没留下…
展开
-
css布局问题
使用display:inline-block浏览器出现间隙问题<div style="letter-spacing:-3px; font-size:0;"> <img src="mm1.jpg" style="border-right:4px solid #066;" /> <img src="mm2.jpg" style="bo原创 2018-08-27 17:41:20 · 122 阅读 · 0 评论 -
css-图片(img)的等比例自动缩放
img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } 根据父容器的自动缩放,并保持图片原来的比例。这样你设置父容器的大小就可以啦。...原创 2019-05-05 18:39:26 · 36020 阅读 · 1 评论 -
css制作——漂亮的单选按钮效果(一)
html代码: <div class="test-input" > <label class="test-label"> <input class="test-radio" type="radio" name="radio" value="0" checked="checked&q原创 2018-12-12 18:08:22 · 1994 阅读 · 0 评论 -
关于css——布局
布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现)。目录1.常用居中方法2.单列布局3. 二列&三列布局总结1.常用居中方法居中在布局中很常见,我们假设DOM文档结构如下,子元素要在父元素中居中:XHTM...原创 2018-11-28 10:48:34 · 143 阅读 · 0 评论 -
Css3——模块划分
选择器2.css盒子模型3.总体结构图原创 2018-11-27 18:29:10 · 639 阅读 · 0 评论 -
css——position(定位)
定位:position:语法:Position:static || relative || absolute || fixed || sticky(relative和fixed)和inherit1、position: static static(没有定位)是position的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z-index...原创 2018-11-27 18:24:11 · 79 阅读 · 0 评论 -
关于CSS——box盒子
我们打开的任何一个网页,所有页面中的元素都可以看成是一个盒子,占据着一定的页面空间。一个页面由很多这样的盒子组成,这些盒子之间会互相影响。盒子模型的种类可以分为两大类:标准盒子:一个盒子块的总宽度= width + margin(左右) + padding(左右) + border(左右) 怪异盒子:一个盒子块的总宽度=width + margin(左右)(即width已经包含了p...原创 2018-10-27 15:45:54 · 738 阅读 · 1 评论 -
CSS布局说——可能是最全的
https://segmentfault.com/a/1190000011358507#articleHeader2前言现在,我们被称为前端工程师。然而,早年给我们的称呼却是页面仔。或许是职责越来越大,整体的前端井喷式的发展,使我们只关注了js,而疏远了css和html。其实,我们可能经常在聊组件化,咋地咋地。但是,回过头来思考一下,如果你看到一张设计稿的时候,连布局都不清不楚,谈...转载 2018-08-28 16:13:38 · 368 阅读 · 0 评论 -
50个常用的CSS2/CSS3代码片段
这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的.推荐阅读:对初学者的 20个有用的CSS技巧1. CSS 重置html, body, div, span, applet, o...转载 2019-05-20 12:54:13 · 806 阅读 · 0 评论