- 博客(17)
- 收藏
- 关注
RSS订阅
1原创 css动画
animation-iteration-count：设置动画 的播放次数，告诉系统动画需执行几次；动画和过度类似，都是可以实现一些动态效果，不同的是过度需要在某个属性发生变化时才能触发，例如hover、active时，动画可以自动触发动画。animation-fill-mode： 规定当动画不播放时，（完成时,延时未开始播放时），引用到的元素样式。默认值是1，这⾥的参数没有单位，1以下的任何值，使⼀个元素缩⼩，0则是消失；两个值的时候，属性值1是指在x轴上缩放元素，属性值2是指在y轴上缩放元素。
2023-03-13 23:30:50
169
原创 CSS知识总结-—-背景样式及雪碧图
2、repeating-linear-gradient:(颜色1 px ，颜色2 px)；注意：background-size要写在background-position后面。1、linear-gradient（方位，颜色1，颜色2）padding-box；
2023-03-10 19:21:46
250
原创 相对定位绝对定位
开启相对定位和粘滞定位，元素不会脱离文档流，即元素的性质不会改变。开启绝对定位和固定定位，元素会脱离文档流，即元素的性质会发生变化。2、如果有定位的时候，包含块就是离元素最近的开启了定位的祖先元素；一般情况，如果给元素开启一个绝对定位，同时也会给其父元素开一个相对定位，我们管这种情况叫“父相子绝”。4、开启相对定位， 元素不会脱离文档流，即元素的性质不会改变。1、开启相对定位，如果没有设置偏移量，元素的位置是不会发生变化的。1、开启粘滞定位，元素不会脱离文档流，元素的性质也不会发生变化。
2023-03-07 20:32:47
190
原创 css之高度塌陷
可以通过after伪类向元素的后面添加一个空白的块元素，然后对其清除浮动，这样做不仅和添加一个div的原理一样，也可以达到一个相同的效果，而且不会在页面中添加多余的div。可以直接在高度塌陷的父元素的最后，添加一个空白的div。由于这个div并没有浮动，所以他是可以撑开父元素的高度的，然后在对其进行清除浮动，这样可以通过这个空白的div来撑开父元素的高度，基本没有副作用。开启BFC属性元素，元素会变成一个独立的布局区域不会在布局上影响到外面的元素（BFC理解为一一个封闭的大箱子，箱子的内部不会影响到外部）
2023-03-06 19:42:02
683
原创 浮动简介：
当浮动的元素碰到文字，浮动的元素不会盖住文字，文字会自动环绕在浮动元素的周围。浮动可以让元素脱离文档流，一旦脱离文档流，就不再具有元素再文档流中的特点从而帮助我们布局。就不再区分块元素、行内元素和行内块元素。一旦元素设置浮动，元素就会脱离文档流，他原来在文档流中的元素就不会存在了。当元素设置浮动后，会完全脱离文档流，元素的一些特点也会发生改变。如果浮动元素的前一个元素没有设置浮动则浮动元素无法上移。元素浮动以后元素会向页面的左上或者页面的右上浮动。浮动的元素不会超过其上边的兄弟元素。
2023-03-03 17:19:30
78
原创 盒子布局知识
margin-left +border-left +padding-left +width+ padding-right +border-right+ margin-right=父元素内容区的宽度。浏览器规定水平方向这七个值相加必须要等于其父元素内容区的宽度，如果这7个值相加不等于父元素内容区的宽度，浏览器就会改变某些值，让其成立，这个过程称作“过度约束”2、7个值当中，有3个值可以被设置为auto，分别是margin-left，width，margin-right。简写为：margin:0 auto;
2023-03-02 19:58:52
75
原创 文本样式text
4、color：设置阴影颜色；3、blur：设置阴影的模糊半径；（值越大阴影越模糊）（是可选值 ，如果不写 默认是0px）1、h-shadow：设置阴影的水平位移距离（正值向右，负值向左）（必须填写）2、v-shadow：设置阴影的垂直位移距离（正值向下，负值向上）（必须填写）text-overflow设置文本溢出包含元素发生的事件。text-transform 可以用来设置文本的大小写。text-decoration可以用来设置文本的样式。white-space设置单行文本省略号（得有宽度）
2023-03-01 19:55:12
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人