- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS元素显示的层次&浮动、清除浮动&定位、固定定位、相对定位、绝对定位&定位层次z-index
1、元素显示的层次：2、浮动Ⅰ、浮动： float：left|right；元素脱离文档流层，向上进入浮动层；然后水平向左或者向右平移，直到遇到其他浮动元素或者父边框停止。向上进入浮动层后，原来的位置空缺由文档流层的其它元素补齐。Ⅱ、清除浮动： clear：left|right|both；文档流层里的元素不想和浮动层的元素在同一行，如果这个文档流层的元素左边|右边|两边有浮动元素，则这个文档流层的元素在下一行显示。<style> html {
2021-07-15 21:47:10
636
原创 CSS盒子模型
CSS盒子模型关于div的width和height：定义的是内容content的尺寸，不包括padding和border。Ⅰ、边框border： border：边框粗细 边框颜色 边框线条类型； border-top|right|bottom|left：边框粗细 边框颜色 边框线条类型；Ⅱ、内边距padding： padding-top|right|bottom|left：；Ⅲ、外边距margin： margin-top|right|bottom|lef
2021-07-15 21:36:59
79
原创 em/rem以及大小屏适配、媒体查询
em/rem以及大小屏适配#1、px:一个盒子是100px ×100px：px指的是逻辑像素，也叫css像素。在适配时，使用px作为单位并不合适。#2、em:指的是一个字的宽度，2em表示两个字的宽度1em = 1个font-size的大小如：font-size:20px; 1em = 20px 10em = 200pxem的不足：它是相对于父元素的font-size来说的。适配时，使用em也不合适，因为它一直是相对于父元素的font-size来说的。#3、rem:r表
2021-05-12 23:02:49
485
原创 把PC端网页放在手机端打开，会被整体缩小，为什么？如何不让它缩小？
把PC端网页放在手机端打开，会被整体缩小，为什么？如何不让它缩小？1、首先我们要知道把一个PC端的网站放到手机端需要经过两步：第一步：把电脑端的网站放到虚拟容器中。（一个概念——视口：这个虚拟容器就叫做视口。）这个虚拟容器的宽度是980px。这个980px是人为规定的，在手机出厂时就设置好的。为什么是980px？因为早期的PC端显示器宽度是980px。如果PC端网站宽度小于980px，完全可以放进这个虚拟容器里面。如果PC端网站宽度等于980px，刚好可以放进这个虚拟容器里面。如果PC
2021-05-01 18:32:46
3901
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人