- 博客(25)
- 收藏
- 关注
RSS订阅原创 页面显示4个颜色块儿，当鼠标进入某个颜色块儿时，页面背景色变成该颜色
【代码】页面显示4个颜色块儿，当鼠标进入某个颜色块儿时，页面背景色变成该颜色。
2022-11-02 19:33:31
149
原创 flex布局
如果设置Felx布局，则需要设置一个元素为flex容器，容器中的子元素为容器中的项（item），item按照flex布局规则进行放置。- flex是复合属性，代表flex-grow,flex-shrik,flex-basis的缩写。- flex-flow：是flex-direction、flex-wrap属性简写形式。- 语法：flex-flow： - 如果没有写：flex-direction、flex-wrap属性，则使用默认值。
2022-10-29 01:12:43
323
原创 html 动画
● ease:默认。动画以低速开始，然后加快，在结束前变慢。● ease-in-out：动画以低速开始和结束。● linear:动画从头到尾的速度是相同的。timing-function：动画方式。● ease-out：动画以低速结束。● ease-in:动画以低速开始。iteration-count：次数。duration：动画时间。direction：方向。delay：延迟时间。
2022-10-29 01:06:44
155
原创 html 动画
平移：translate (xpos,ypos),translatex(),translatey()transition-timing-function:指定过渡函数。● ease-in-out：速度先加速再减速（渐显渐隐效果）旋转：rotate(): 默认z轴旋转，中心点在元素中心。设置中心原点：transform-origin:;● ease-out：速度越来越慢（渐隐效果）● ease-in：速度越来越快（渐显效果）● linear：速度恒速（匀速运动）● ease：速度由快到慢（默认值）
2022-10-29 01:03:55
102
原创 html定位
绝对定位中如果祖先元素没有定位，则以页面的左上角进行定位，元素随滚动移动。- 通过：lesft，right，top，bottom四个属性设置元素位置。-行内元素改变为行内块，默认宽和高由内容撑开，但可以设置宽和高。- 如果开启相对定位，不设置偏移量，则元素保持原始位置不会发生移动。- z-index：设置元素层级，值越大，层级越高。-我们在开发中使用子元素绝对定位时，一般都会开启父元素的相对定位。- 固定定位，以浏览器窗口的左上角进行定位，元素不随滚动条移动。
2022-10-29 01:00:14
176
原创 BFC 解决各种问题
当子元素设置浮动，则子元素会脱离文档流，此时子元素则无法撑开父元素，导致父元素高度塌陷。- 在文档流中，如果没有设置高度，则父元素的宽度为auto,高度由子元素撑开。-如果子元素和父元素垂直外边距相邻，子元素设的外边距就会传递给父元素，- 页面中相邻元素的垂直反向外边距会发生叠加现象，被称为外边距重叠。- 如果父元素塌陷,则父元素下的兄弟元素会上移，导致布局混乱。-在垂直方向添加元素，让兄弟元素的外边距不相邻。- 外边距重叠会使用兄弟元素的相邻外边距的最大值。
2022-10-29 00:54:18
180
原创 html 浮动
3、元素浮动后，会向左上或右上移动，直到遇到父元素或浮动的兄弟元素的边框，停靠在该位置。- 当子元素设置浮动，则子元素会脱离文档流，此时子元素则无法撑开父元素，导致父元素高度塌陷。5、块状元素浮动后，默认宽度消失（不设置宽度时），默认占整行消失，宽度为设置的值。- 在文档流中，如果没有设置高度，则父元素的宽度为auto,高度由子元素撑开。4、如果浮动元素上面右未浮动的块元素，则浮动元素不会超出块元素。none：不浮动（默认值，元素在文档流中）- 如果父元素塌陷,则父元素下的兄弟元素会上移，导致布局混乱。
2022-10-29 00:39:59
1240
原创 css盒子模型
如果存在子父元素中，子元素设置为百分比，则根据父元素的width和height进行计算，padding和boder不参与。margin-left和margin- right 设置为auto，表示水平方向的最大值。- 如果摆放元素在页面中的位置，被称为"布局"，小范围的移动可使用外边距。- 页面中的任何元素都可以看作一个4变形的盒子，被称为盒子模型。- 设置盒子的外边框，不影响盒子可视区域的大小，但影响盒子的位置。- 外边距：盒子和盒子之间的距离，或盒子和页面边框之间的距离。
2022-10-29 00:34:41
100
原创 css样式
每个文本内容下存在一个看不见的线，每个线之间的距离为行高，我们通过调整行高，来间接实现调整行间距，因为css中没有之间调整行间距的属性。-属性提供了100-900多个值，但是浏览器没这个设置，需要数字之间比较大的间隔才能看出效果。x-offset：x轴偏移量， 左移为负，右移为正。y-offset：y轴偏移量，上移为负，下移为正。-如果需要将文本放置在元素垂直方向中线上，则需要设置：行高=高。list-style-position：图片位置。-标签中的文本，链接，图片（行内元素）等水平对齐。
2022-10-29 00:24:31
95
原创 html表单元素
label for="id 值"> XXX name的属性值必须相同，相同的为一组,具有互斥性。name的属性值必须相同，相同的为一组,具有互斥性。如果属性名称和属性值相同，可以省略 check。如果属性名称和属性值相同，可以省略 check。checked="checked" 默认选中。 默认提交。pattern: 使用正则表达式验证。multiple: 可多选。value：为服务器提交的值。value：为服务器提交的值。name：列表框名称。
2022-10-29 00:15:56
93
原创 CSS样式
RGB RGBA：A表⽰透明度,值在0~1之间 16进制： #R(值)G（值）B（值） 颜⾊单词。字体类型：font-family。1、常⽤的⻓度单位有哪些？px：逻辑像素（pc端默认1：1显⽰）字体加粗：font-weight。3、字体样式有哪些？字体样式：font-style。4、⽂本样式有哪些？em：相对于当前字体⼤⼩进⾏计算。2、颜⾊单位有哪些？%：相对于⽗元素⼤⼩进⾏计算。字体大小：font-size。5、伪类样式有哪些？
2022-10-29 00:11:48
68
原创 CSS表格
表格的语义化标签，对表格进行逻辑分组，可以用样式修饰。colspan: 跨列。rowspan：跨行。caption：标题。tbody：表格主体。tfoot：表格底部。
2022-10-28 19:18:58
81
原创 css选择器
使用不同的选择器选中同一个标签，使用相同的样式不同的值修饰时，则产生样式冲突，最终会采用哪一个样式，则由样式的优先级（权重）决定。选择器[属性*="属性值"]：带指定属性且包含指定值（模糊匹配）的元素。选择器[属性="属性值"]：带指定属性等于指定值（完全匹配）的元素。选择器[属性^="属性值"]：带指定属性且指定值开头的元素。问题：如果使用通配符选择器设置样式，p标签也设置样式，则span样式为？问题：标签中添加span标签，且只设置p标签的样式，则子标签span的样式为？
2022-10-28 19:03:32
93
原创 CSS选择器
层叠样式表，：页面可以看作由不同层次叠加的效果，上层元素会覆盖底部元素。3. CSS3的基本选择器有哪⼏种？3.在HTML中引⼊CSS样式的⼏种⽅式是什么。后代选择器： 选择器 + 空格 + 选择器。样式修饰（字体，颜色，背景，边框等）相邻（后）兄弟：选择器 + 选择器。通用（后）兄弟：选择器 ~ 选择器。子元素选择器：选择器 > 选择器。id选择器：# + id值。并集选择器：选择器，选择器。交集选择器：选择器选择器。类选择器：. + 类名。外部样式：被引用的页面。浮动、定位、盒子模型。
2022-10-28 18:50:01
97
原创 HTML基础
标题标签：h1~h6 段落标签：p 换行：br 横线：hr 字体加粗:b/strong 斜体：i/em。标签不识别的大小写，习惯都是小写 标签需要和合理嵌套 属性小写，必须写属性值 属性值使用引号。HTML：页面结构标准 CSS：页面样式标准 ECMAScript：交互标准， DOM。6. HTML常⻅标签有哪些，并简述其含义。1. 简述冯诺伊曼体系结构几大部件？2.三⼤模块的名称和需要实现的技术。3. HTML5⻚⾯的基本结构是什么。5. W3C规定了哪⽅⾯的标准？4. html标签规范有哪些？
2022-10-28 18:20:51
42
原创 JS数组练习
2.定义一个数组，数组元素是[12,125,34,45,506,44,66,77,88,99]，输出所有数组元素之和。1.定义一个数组，数组元素是[12,125,34,45,506,44,66,77,88,99]，输出数组中的最大值。
2022-10-24 10:59:49
171
1
原创 js 定义一个具有10个单元的数组（放10个整数），输出索引为偶数的元素
js 定义一个具有10个单元的数组（放10个整数），输出索引为偶数的元素
2022-10-24 10:55:21
637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人