- 博客(14)
- 收藏
- 关注
RSS订阅原创 web学习day-11（js系列）
内部：写在</body>上方，用script标签包裹。注释快捷键：ctrl+/或者shift+alt+a；7.常量：用const声明（必须声明的时候就要赋值）（4）未定义类型undefined。1.书写位置：行内，外部，内部。每句结束之后的分号；prompt（）来进行输入；（2）字符串类型String。（3）布尔类型boolean。（1）数字类型Number。（5）空类型null。
2024-04-25 17:29:22
138
1
原创 web学习day-10
概念：改变盒子在平面内的形态（位移、缩放、旋转、倾斜）作用：为元素添加动态效果，一般与过渡配合使用。多个颜色逐渐变化的效果，一般用于设置盒子背景。不能改变height和width来实现。1.平面转换transform。分类：线性渐变，径向渐变。平面转换又叫2D转换。
2024-04-16 20:46:44
141
原创 web学习day-9
绝对定位：absolute 脱标，不占位 先找最近已经定位的祖先元素，如果祖先元素设置了相对定位，则参照物是最近的已定位的祖先元素，否则参照物是浏览器 显示模式会变化，会使宽高生效。固定定位：position：fixed 元素的位置在网页滚动时不会改变 脱标，不占位 参照物为浏览器 会改变显示模式特点，具备行内块特点。相对定位：relative 参照物是自己原来的位置 不脱标 标签显示模式和原来一样。作用：设置定位元素的层级顺序，改变定位元素的显示顺序。
2024-04-16 17:46:34
580
原创 web学习day-8
2.浮动：float；取值为left（right）会使标签出现在一行的左侧（右侧）；浮动之后的盒子会脱离标准流的控制，不占用标准流的位置；方法：（1）额外标签法：在父元素内容的最后添加一个块级元素，设置css、属性clear：both。给父级设置display：flex，子元素可以自动挤压或者拉伸；（4）父级元素css添加overflow：hidden。1.标准流（文档流）：标签页面中的默认排布规则；（2）单伪元素法：给父级元素添加该类。（3）双伪元素法：给父级元素添加该类。8.弹性伸缩比：flex。
2024-04-10 21:38:28
215
1
原创 web学习day-7
7.外边距与内边距写法相同：可以加left、right、top、bottom来设置某个特定方向的外边距；10.外边距问题--合并现象：垂直排列的兄弟元素，上下margin会合并，margin中较大值会生效；外边距问题--塌陷问题：父子级标签，子级添加上外边距会导致父级一起向下移动。2.伪元素选择器：创建虚拟元素（伪元素），用来摆放装饰性内容；正圆：给正方形盒子设置圆角属性值为宽高的一半/50%；胶囊：给长方形盒子设置圆角属性值为宽高的一半/50%；3.盒子模型：由内容区域、内边距、边框线、外边距组成。
2024-04-08 23:47:21
480
1
原创 web学习day-6
（3）并集选择器：选择器1，选择器2，选择器3......，选择器n（css属性），选择器之间用，隔开；（2）层叠性：相同的属性会覆盖，后面的css属性会覆盖前面的css属性；（4）交集选择器：选择器1选择器2（css属性），选择器之间连写，没有任何符号；（1）后代选择器：父选择器 子选择器（css属性），父子之间用空格隔开；（3）优先级：当一个标签使用了多种选择器时，选择器优先级高的样式会生效；（2）子代选择器：父选择器>子选择器（css属性），父子之间用>隔开；（2）行内块：一行可共存；
2024-04-08 20:48:57
167
1
原创 web学习day-5
text-indent设置文本缩进，有两种写法，为数字+px或数字+em（推荐使用，1em=当前标签字号大小，设置2em即可实现缩进）；3.CSS:层叠样式表，将style标签放在head标签里面与title标签下面，style标签里书写CSS代码；外部样式表：新建后缀为css的文件，然后在html文件中原来填style标签的地方写link标签引入该文件；id选择器：查找标签，差异化显示标签的效果，同一个id选择器只能在一个页面使用一次；5.基础选择器：标签选择器，类选择器，id选择器，通配符选择器；
2024-03-20 21:02:45
226
1
原创 Linux学习day-2
2.Linux中拥有最大权限名的用户叫root,通过su [-] [用户名] 来切换用户,选项-代表是否在切换用户后带上环境变量,一般切换用户时带上 - ,如果切换时不加用户名,则默认切换到root用户;通过"vim 文件路径"即可实现对文件的编辑,如果文件不存在,则会创建文件进行编辑,如果文件存在,则会直接进行编辑;命令模式输入' : ',进入到底线命令模式,然后再wq对文件进行保存并退出;命令模式时, 键盘按下的键都作为命令, 以命令执行不同的功能;在命令模式下输入i或o或a进入输入模式;
2024-03-08 21:17:57
166
1
原创 Linux学习day-1
重定向符>和>> , 第一个>表示将左侧命令的结果,覆盖写入符号右侧指定的文件中, >>将左侧命令的结果,追加写入到符号右侧指定的文件中;tail命令可以查看文件尾部内容,添加选项-n后,可以指定查看尾部行数,如果不指定,默认查看十行;命令即Linux程序,一个命令就是一个Linux程序,命令没有图形化页面,可以在命令行提供字符化的反馈;8.mkdir命令可以创建新的目录,添加 -p选项后,可以自动创建不存在的父级目录,适用于连续创建多层级目录;more命令也可以查看文件,但是可以翻页,按q退出;
2024-03-05 21:38:24
589
原创 web学习day-4
1.下拉菜单:select嵌套option,select是下拉菜单整体,option是下拉菜单的每一项,添加selected属性为默认选中,不添加时默认选中第一个;3.label标签:网页中,某个标签的说明文本,用label标签绑定文字和表单控件的关系,增大表单控件的点击范围;增大点击范围,有两种写法;4.按钮标签:button,通过点击按钮实现功能,type属性值不同,功能不同,如果没type属性,则默认submit功能;2.文本域:textarea,该文本域可拉伸(实际开发大都禁用);
2024-03-04 21:44:08
169
原创 web学习day-3
3.定义列表为dl嵌套dt和dd,dl为定义列表,dt为定义列表的标题,dd为定义列表的描述/详情;5.合并单元格:跨行合并,保留最上单元格,添加属性rowspan,跨列合并,保留最左单元格,添加属性colspan,然后删除已合并的单元格;file:默认情况下,只能上传一个文件,添加multiple属性可以实现多文件上传功能.2.有序列表标签为oul嵌套li,ol标签里只包裹li,li标签里可以包裹任何内容;1.无序列表标签为ul嵌套li,ul标签里只包裹li,li标签里可以包裹任何内容;
2024-03-03 23:26:32
200
原创 web学习day-2
3.音频标签为audio,属性controls为添加控制面板,loop为循环播放,autoplay为自动播放(注意浏览器一般禁掉自动播放);视频标签为video,属性controls为添加控制面板,loop为循环播放,muted为禁音播放,autoplay为自动播放,禁音播放下浏览器才支持自动播放;2.超链接为a,要在href写上跳转地址,如果不确定跳转地址,在herf上写#;1.相对路径: .\为本级文件夹, .\\为上一级,以此类推,上上级为 .\\;
2024-03-01 20:47:24
205
原创 web学习day-1
7.图像标签img,图像标签为单标签,alt为替换文本,title为提示文本,width为图片宽度,height为图片高度.4.标题标签为h1-h6,h1一个网页只使用一次,h2-h6可以使用多次,段落标签为p,独占一行,段落之间有间隙,2.标签有两种关系,为父子关系/兄弟关系,向前缩进Tab,向后缩进shift+Tab;5.换行标签br与水平标签hr均为单标签,代码中敲Enter在浏览器中没有换行效果;1.vs code通过英文!6.文本格式化标签strong加粗,em倾斜;
2024-02-29 21:42:34
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人