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