- 博客(4)
- 收藏
- 关注
原创 px、em、rem、%、vw、vh、vm这些单位的区别
1.px px就是像素,也是我们现在经常使用的基本单位,比如常常听到的电脑像素是1024x768的,表示的是水平方向是1024个像素点,垂直方向是768个像素点。 2.em em参考物是父元素的font-size,默认字体大小是16px,所以1em不是固定值,因为它会继承父元素的字体大小 3.rem rem参考物是相对于根元素,我们在使用时可以在根元素设置一个参考值即可,相对于em使用...
2019-05-23 02:21:32
355
原创 CSS双飞翼布局
此CSS是为了实现三列布局:左右固定,中间自适应;且浏览器会自上而下先出现中间部分。 html: <body> <!-- 使得浏览器先出来center --> <div class="box"> <div class="center"> <!-- 创建一个div 开造 --> <div class="inner"&g...
2019-05-10 03:16:02
116
原创 探究行内元素和块级元素
在html中元素主要分为行内元素和块级元素 行内元素 不独占一行 书写完成后不会自动换行 没有宽和高 块级元素 独占一行 书写完会自动换行 宽和高可以修改 还有一种特殊的元素叫作行内块级元素; 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,...
2019-05-09 02:19:36
144
原创 实例:background-position定位
实例:background-position定位 我们在写页面时经常会用到小图标,例如酱紫的[红色框内图标]! 我们使用的时候有的下载好是单个的矢量图,但是也有下载的是这样的模板矢量图! 场景:我们现在需要用到上图中灰色背景的垃圾箱小图标。 1.首先需要用工具量出小图标的大小,推荐工具是markman markman下载地址,和Photoshop CC,我这边测出长是17px,宽是15px...
2019-05-08 03:23:02
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人