掘友等级
获得徽章 0
不同的 CSS 布局技巧在不同的场景下有着不同的应用。浮动布局适用于实现多栏布局和响应式布局。定位布局适用于实现精确定位和叠放效果。弹性盒子布局则适用于实现等高布局和自适应布局。
在实践中，我们可以根据具体的需求选择合适的布局技巧，并根据项目的特点和要求进行调整和定制。同时，还应注意浏览器的兼容性和性能问题，避免过度使用复杂的布局技巧导致性能下降。灵活运用这些布局技巧，可以帮助我们构建出漂亮、灵活和响应式的网页布局。
伪元素选择器：
伪元素选择器可以帮助我们利用css创建新标签元素，而不需要HTML标签，从而简化HTML结构。
注意点：
1.before和after创建一个元素，但是属于行内元素。
2.新创建的这个元素在文档树中是找不到的，所以我们称为伪元素。
3.before和after必须具有content属性
js引擎运行js分成两步：预解析代码，代码执行。
预解析分为变量预解析和函数预解析。
变量预解析：把所有的变量声明提升到当前作用域最前面，不提升赋值操作。
函数预解析：把所有的函数声明提升到当前作用域的最前面不调用函数。
浮动注意点：
1.浮动物元素经常和标准流负极搭配使用，先用标准流的负元素排列上下位置，内部用浮动
2.一个元素浮动了，理论上其他兄弟元素也要浮动
浮动特性：
1.浮动元素会脱离标准流，浮动的盒子不再保留原先的位置
2.若多个盒子设置了浮动，则它们会按照属性值一行内显示并且顶端对齐排列，中间无缝隙。若父级宽度装不下这些浮动的盒子，多出来的另起一行对齐
3.浮动元素具有行内块元素的特性
浮动
1.最典型应用：使块级元素一行内展示
2.语法：选择器{float: 属性值;}
属性值：none,left,right
float属性用于创建浮动框，将其移动到一边，直到左边缘/右边缘/包含块或另一个浮动框的边缘。
ps一些快捷键：
1.ctrl＋R：调出标尺
2.ctrl＋加号：放大视图
3.ctrl＋减号：缩小视图
4.空格：变成抓手
5.选区拖动：测量大小
传统网页布局的三种方式：普通流，浮动，定位
网页布局准则：1.多个块级元素纵向排列：标准流，横向排列：浮动
2.先设置盒子大小，再设置盒子位置
#每天一个知识点# 文字阴影：
语法：text-shadow:h-shadow v-shadow blur color;
盒子阴影：不占空间，不影响其他盒子排列
语法：box-shadow:h-shadow v-shadow blur spread color inset;
h-shadow:水平阴影的位置，允许负值
v-shadow:垂直阴影的位置，允许负值
blur:模糊距离，数值越大越模糊，为0px时，是实心的。
spread:阴影尺寸
color:阴影颜色
inset:将外部阴影改为内部阴影。
