小明学前端逆袭人生-CSDN博客

原创跟Joy姐学前端 css-day07

flex-shrink 缩减系数默认值1（可以为任意非负值）当父元素空间不足以容纳所有的子元素时，元素会进行收缩 3.flex-basis 主轴方向的基础长度默认值是auto 表示参考元素本身的宽高如果传了具体值就以该值为准。/* 设置弹性容器 display: flex 设置块级的弹性元素 inline-flex 行内弹性元素（弹性容器的子元素是弹性元素但只管子元素不管后代元素一个元素可以同时是弹性容器和弹性元素）space-between 把空白空间分布到元素之间元素两端对齐。

2024-03-12 12:03:51 316 1

原创跟Joy姐学前端 css-day06

animation-timing-function设置动画方式值同transition-timing-function animation-fill-mode 动画执行完毕后填充方式 forwards 停止在动画结束的位置 backwards 停止在第一帧的位置。/* 水平偏移量垂直偏移量模糊半径扩展半径颜色 */animation-iteration-count 动画执行次数 infinite无数次。animation-duration 动画持续时间。animation-name 关键帧名称。

2024-03-12 12:00:51 136 1

原创跟Joy姐学前端 css-day05

color: 字体颜色 font-size 字体大小 font-family 字体类别 line-height 文字占有的实际高度 font-weight 字重 font-style 字体风格 font：字重字体风格字体大小/行高字体族；（离他最近的开启了定位的祖先块元素，如果所有的祖先元素都没有开启定位，则根元素html就是它的包含块）绝对定位是相对于其包含块进行的。2.参照元素在文档流中的位置来进行定位，如果没有设偏移量，元素的位置不会发生变化。4.包含块（离当前元素最近的祖先块元素）

2024-03-12 11:58:46 188 1

原创跟Joy姐学前端 css-day04

上面情况指的是标准盒模型 box-sizing:content-box (默认值) 可见框的大小 = content（width) + padding + border。还有一种情况是怪异盒模型 box-sizing: border-box(怪异模式) 可见框的大小 = border+padding+content = width。padding 内边距 1个值上右下左 2个值上下左右 3个值上左右下 4个值上右下左。早就耳闻盒模型的大名，今日一见，果然如此。

2024-03-12 11:56:08 158 1

原创跟Joy姐学前端 css-day03

交集选择器比较优先级时，将所有选择器的优先级进行相加，优先级越高，则优先显示（选择器的累加不会超过其最大数量级类选择器再高也不会超过id选择器）（如果优先级计算以后相同，优先使用靠下的样式）选择器种类多，到底哪一种更有效呢？万一不小心选中了同一个元素，样式冲突了，到底谁的代码说了算呢？通过不同的选择器，选中了同一个元素，同一种样式发生冲突，样式由。id选择器 0，1，0，0。元素选择器 0，0，0，1。通配选择器 0，0，0，0。内联样式 1，0，0，0。类选择器 0，0，1，0。

2024-03-12 11:54:52 198 1

原创跟Joy姐学前端 css-day02

7.关系选择器祖先元素后代元素{} 父元素>子元素{} 兄弟元素前一个选择器+下一个选择器（紧挨着的后面的元素）前一个选择器~后面的选择器（后面所有的兄弟元素）语法：一般以:开头：first-child{} 第一个子元素 :nth-child(n){} 第n个子元素。3.类选择器语法： .class名{} 为一个元素指定多个class 用空格分隔。6.并集选择器语法：选择器1，选择器2，选择器n{}5.交集选择器语法：选择器1选择器2选择器n{}2.id选择器语法：#id名{}

2024-03-12 11:53:50 141 1

原创跟Joy姐学前端 css-day01

开始css的学习

2024-03-12 11:52:18 154 1

原创跟Joy姐学前端 HTML-day03 完结

HTML完结篇

2024-03-12 10:33:18 671 1

原创跟Joy老师学前端 HTML-day02

2.target 是否在新的页面打开超链接默认值 _self 在当前窗口打开 _blank 在新页面打开。跳转到新页面或者本页的其他位置 1.href 属性：跳转的目标地址（可以是绝对路径，也可以是相对路径）./当前文件所在目录 ../ 当前文件所在目录的上一级。1.img标签不能简单归结为行内元素，它是一个替换元素。注意：a属于行内元素但可以嵌套它自身以外的任何元素。2.注意src中写相对路径时的位置。src 引用外部图片的路径。用于音频/视频的播放标签。title 提示文本。

2024-03-12 10:32:20 742 1