- 博客(33)
- 收藏
- 关注
RSS订阅原创 菜鸟web笔记
沿着X轴和Y轴放大，只有一个值时，他会沿着垂直和水平方向等比例缩放。transform：translate(x轴数值，y轴数值)；transform:rotateX(度数)沿着X轴进行旋转。transform:rotateY(度数)沿着Y轴进行旋转。transform:scaleX（）沿着X轴缩放。transform:scaleY（）沿着Y轴缩放。属性值translate(x轴，y轴)负值：先反转，然后沿着X轴和Y轴放大或缩小。
2023-02-22 19:25:27
28
原创 菜鸟web笔记
景深：perspective 属性值为透视点到元素的距离，近大远小：也可让网页产生3D效果。transition：css样式 过度的执行时间 速度类型 过度的延迟时间。ease-in 以慢速开始的过度效果。表示所有属性参与过度。ease，默认值，慢速开始，速度变快，慢速结束。ease-in-out慢速开始和结束的过度效果。eaase-out 慢速结束的过渡效果。注意：scale单独使用看不到效果，需要搭配其他变换属性。取值：inear匀速，以相同速度从开始到结束。规定过渡执行的时间 1s=1000ms。
2023-02-22 19:24:42
39
原创 菜鸟web笔记
⑤移动.right盒子通过margin-left：-右盒子的宽度；，配合相对定位，left：右盒子的宽度；，配合相对定位left：-左盒子宽度；③centerbox内部的center盒子不固定宽度，需要通过左右margin值预留出左右两个盒子的位置。⑥移动right盒子，通过margin-left：-右盒子的宽度；原理：盒子的层层嵌套，利用内盒子高度的变化，外盒子的高度也会变化。④移动left盒子，通过margin-left：-100%；①外盒子左右需要固定padding值，预留左右两侧盒子的位置+
2023-02-21 17:13:06
40
原创 菜鸟web笔记
每个元素的margin box的左边，与包含块border box的左边相接触（对于从左往右的格式化，BOX垂直方向的距离由margin决定，属于同一个BFC的两个相邻BOX的margin会发生重叠。“块级格式化上下文”，它是一个独立的渲染区域，只有block-level box参与，它规定了。-BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之也如此。-内部的BOX会在垂直方向，一个接一个的放置。-计算BFC的高度时，浮动元素也参与计算。③float属性不为none。
2023-02-21 17:10:58
68
原创 菜鸟eb笔记
其实就是把网页中的一些背景图片整合到一张图片文件中，再利用CSS“background-imge”,"background-repeat""background-position"的组合进行背景定位，"background-position"精确定位出背景图片的位置。CSS精灵的英文叫法CSS sprites（又称为雪碧图），通常被解释为“CSS图像拼合”或“CSS贴图定位”，适用于一般小图片（包括小图标，小背景），不适合大背景和大布局的图片.①减少网页http的请求，从而大大提高页面的性能，
2023-02-21 17:09:08
25
原创 菜鸟web笔记
相对于元素在正常文档流中的位置移动它，把一个正常布局流中的元素从它默认位置按照坐标进行相对移动。相对于【定位父级】进行定位，如果没有定位父级，他会一层一层往上找，一直找到body【浏览器窗口】。表示将元素放在文档流的默认位置，HTML元素的默认值。元素的位置相对于浏览器的窗口进行固定，即使窗口是滚动的它也不会移动。left 设置距离：包含块距离左部的距离。bottom 设置距离：包含块距离底部的距离。top 设置距离：包含块距离顶部的距离。有定位父级的话，相对于最近的定位父级进行定位。
2023-02-21 17:08:29
18
原创 菜鸟web笔记
给父元素添加overflow属性，overflow的值不为visible,其他值都可以尝试解决。在浮动元素的最后面加一个空的块级元素标签，此元素本身不浮动，并且添加样式clear属性。浮动：可以让元素脱离文档流，按照指定的方向进行排列，直至遇到父元素的边界或另一个浮动元素为止。网页中有很多布局效果，标准的布局方式没法完成，使用浮动改变元素的默认排列方式。④伪元素法 after ( 在元素里面的最后面加一个伪元素)①子元素浮动导致父元素的高度塌陷，会影响后面元素的布局。缺点：造成代码冗余，影响代码的可读性。
2023-02-21 17:03:09
16
原创 菜鸟web笔记
textarea标签：多行文本输入框（文本域），name属性： 用来定义表单元素的名称，是必需属性。value属性，默认文本是提交，可以使用value修改内容。disable属性：规定当前字段是禁用的，被禁用的表单元素不能编辑也不能被提交。隐藏该元素，并且该元素所占的空间也不存在了。input标签：是最重要的表单元素 围绕在元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用。
2023-02-21 16:59:38
20
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人