- 博客(14)
- 收藏
- 关注
原创 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关注的人