- 博客(27)
- 收藏
- 关注
RSS订阅原创 pr视频剪辑入门 一篇文章，带你详细认识PR中四大面板的功能
上一篇文章，带大家了解了pr视频剪辑工具的基础界面和操作，相信小伙伴对于pr软件一定有了一些了解吧。接下来让我们一起更深层次的认识pr重的工具栏。
2024-06-20 19:33:33
251
原创 CSS盒模型 border-radius （圆角切割）
可以设置百分比（%）或者数值（单位px）四个参数:顺序为左上，右上，右下，左下。两个参数：左上/右下，右下/左下。三个参数：左上，右上/左下，右下。一个参数：四个角切一样的大小；正圆：设置为50%即可。
2024-05-28 10:10:01
206
原创 CSS盒模型 清除内外边距
注意：行内元素为了照顾兼容性，尽量只设置左右内外边距。不要设置上下内外边距。但是转换为块级和行内元素就可以了。网页元素很多都带有默认的内外边距，而且不同浏览器默认的也不一致。因此我们在布局前要先清除网页元素内外边距。padding：0；（清除内边距） margin：0；
2024-05-28 10:05:16
127
原创 CSS 盒模型 外边距合并
当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下边距margin-bottom，下面的元素有上边距margin-top，则他们的之间的垂直间距不是margin-bottom与margin-top之和。取两个值中的较大者这种现象被称为相邻块元素垂直外距的合并。对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。1.相邻块元素垂直外边距的合并。2.嵌套块元素垂直外边距的塌陷。
2024-05-28 10:03:44
127
原创 CSS盒模型 盒模型边框设置
边框的细线边框 border-collapse（collapse单词是合并的意思）属性控制浏览器绘制表格边框的方式。它控制相邻单元格的边框。表示相邻边框合并在一起。边框宽度：border-width 定义边框粗细，单位是px。边框合写：border：1px solid red。边框样式：border-style。边框颜色：border-color。
2024-05-28 09:54:54
144
原创 CSS盒模型 外边距的使用方式
注意：以上三种是让块级元素水平居中，行内元素或者行内块元素水平居中是给其父元素添加text-align：center即可。1.margin属性用于设置外边距，即控制盒子和盒子之间的距离。3.常见写法，以下三种。
2024-05-28 09:46:52
154
原创 CSS盒模型 盒子实际大小终极计算
内容宽度+右padding+右border。盒子实际大小（宽度）=左border+左border+注：padding也会撑大盒子。
2024-05-28 09:34:43
194
原创 CSS盒模型 盒子实际大小初级计算
需求：盒子尺寸400*400 背景绿色 边框10px实线 黑色。width和height默认设置的是内容的区域大小。盒子实际大小（宽度）=左边框+内容宽度+右边框。解决：手动内减 减去内容多出来的部分。注：border会把盒子撑大。
2024-05-28 09:32:36
98
原创 CSS盒模型 外边距折叠现象 塌陷现象
1.给父元素设置padding-top/border-top。2.给父元素设置over。3.转换成行内块元素。
2024-05-28 09:24:59
169
原创 CSS盒模型 外边距折叠现象
解决方法：只给其中一个盒子设置margin即可。最终两者的距离为margin的最大值。垂直布局的块级元素 上下的margin会合并。
2024-05-28 09:17:16
141
原创 CSS盒模型 不会撑大盒子的特殊情况
2.此时给子盒子设置左右的padding或左右的border，此时不会撑大子盒子。但是设置上下的padding和上下的border 还是会撑大子盒子。1.如果子盒子没有设置宽度，此时宽度默认是父盒子的宽度。
2024-05-28 09:08:58
148
原创 Web前端入门基础 css属性书写顺序
4.其他属性（css）：content/cursor/border-radius/box-shadow/text-shadow/background：linear-gradient...3.文本属性：color/font/text-decoration/text-alignn/vertical-align/white-space/break-word。2.自身属性：width/height/margin/padding/border/background。
2024-04-03 10:26:12
104
原创 Web前端入门基础 结构伪类选择器 -拓展
1.使用：nth-child 直接在所有孩子中数个数。说明：只在父元素的同类型（E)子元素范围中，匹配第n个。选择器 E:nth-of-type（n）{ }找到符合的一堆子元素，然后再这一堆子元素中数个数。2.使用：nth-of-type 先通过该。（拓展补充）nth-of-type。
2024-04-03 10:22:34
88
原创 Web前端入门基础 结构伪类选择器-查找多个
（2）奇数：公式2n+1，2n-1，odd。1.n为：0，1，2，3，4，5....（4）找到从第五个往后: 公式：n+5。（3）找到前五个：公式：-n+5。（1）偶数：公式2n，even。2.通过n可以组成常见公式。
2024-04-03 09:59:44
100
原创 Web 前端入门基础 CSS布局＞结构伪类选择器—查找单个
2.优势：减少对HTML中类的依赖2，有利于保持代码整洁。1.作用：根据元素在2HTML中的关系查找元素。3.场景：常用于查找某父级选择器中的子元素。（匹配父元素中第一个子元素，并且是E元素）
2024-04-03 09:25:23
67
原创 CSS＞选择器进阶＞复合选择器＞链接伪类选择器
用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。4.a:active 鼠标正在按下还没有弹起鼠标的那个链接。2.a:visited 点击过的（访问过的）链接。1.a:link 没有点击过的（访问过的）链接。伪类选择器书写最大的特点就是用冒号（：）表示。3.a:hover 鼠标经过的那个链接。
2024-04-03 09:06:34
314
原创 CSS＞选择器进阶＞复合选择器
并集选择器是各选择器通过英文逗号（,）连接而成，任何形式的选择器都可以作为并集选择器的一部分。3.并集选择器 语法：元素1 ，元素2{样式声明} 语法表示选择元素1和元素2。并集选择器可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明。4.交集选择器 语法：选择器1选择器2{css;如果有标签选择器 必须把标签选择器写在最前面。
2024-04-02 20:02:34
157
原创 CSS＞选择器进阶＞复合选择器
其写法就是把外层标签写在前面，内层标签写在后面，中间用空格隔开。1.子代选择器 语法：元素父>元素子{样式声明} 语法表示选择元素1里面的所有直接后代（子元素）元素2。2.后代选择器 语法：元素1 元素2{样式声明} 语法表示选择元素1里面的所有元素2（后代元素）定义：子元素选择器（子选择器）只能选择作为某元素的最近一级子元素（简单理解就是选亲儿子元素）在css中，可以根据选择器的类型把选择器分为基础选择器和复合选择器。后代选择器又称为包含选择器，可以选择父元素里面的子元素。
2024-04-02 19:55:25
326
原创 Visaul Studio Code 清除浮动的五种方法
在父元素内容的最后添加一个块级元素 ，给添加的块级元素设置clear：both。1.清除浮动带来的影响：如果子元素浮动了，此时子元素不能撑开标准流的块级元素。给父元素内容的最后添加一个块级元素，给添加的块级元素clear：both。3.清除浮动的目的：需要子元素有高度，从而不影响其他网页元素的布局。2.清除浮动的原因：子元素浮动后脱标→不占位置。优点：项目中使用，直接给标签加类即可清除浮动。优点：项目中使用，直接给标签加类即可清除浮动。5.给父元素设置overflow。1.给父元素设置高度。
2024-03-08 09:45:24
575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人