![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 79
呆码王子
小白阶段
展开
-
Promisel理解与应用
promise是一种构造函数,本身有三种状态:pedding(等待态)resolved(成功态)rejected(失败态)成功与失败互斥默认是等待态。原创 2023-05-09 19:23:08 · 60 阅读 · 0 评论 -
flex弹性盒子
5、flexflex:属性是flex-grow, flex-shrink 和 flex-basis的简写,4、flex-basis:定义了在分配多余空间之前,项目占据的主轴空间(main size)。3、flex-shrink:定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。2、flex-grow:定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。表示继承父元素的align-items属性,如果没有父元素,-flex可以使元素具有弹性,让元素可以根据页面的大小的改变而改变。原创 2023-03-14 20:23:55 · 119 阅读 · 0 评论 -
动画的基本使用
默认值是1,这⾥的参数没有单位,1以下的任何值,使⼀个元素缩⼩,0则是消失;值可以为⽅向值(left、center、top、right、bottom等),也可以是以px、%为单位的值。动画和过渡类似,都是可以实现⼀些动态效果,不同的是过渡需要在某个属性发⽣变化时才能触发,设置动画的名字,和@keyframs相对应,可以设置多个动画,逗号隔开,应⽤多个动画。两个值的时候,属性值1是指在x轴上缩放元素,属性值2是指在y轴上缩放元素。3两个参数时:第⼀个参数表示x轴的倾斜⻆度,第⼆个参数表示y轴的倾斜⻆度。原创 2023-03-13 20:31:48 · 82 阅读 · 0 评论 -
背景样式的运用
(1)circle圆形,ellipse椭圆,1 将多个图片整合为一张图片里,浏览器只需要发送一次请求,可以同时加载多个图片,2 将多个图片整合为一张图片,减小了图片的总大小,提高请求的速度,增加了用户体验。(2)xxxdeg 表示角度,度数,会更灵活。参数1:表示方位,(可选值,不写默认是to bottom)渐变:通过渐变可以设置一些复杂的背景颜色,可以从实现一个颜色向其他颜色过渡的效果。border-box 默认值,背景颜色会出现在边框的下边。可以写多个颜色,默认情况下,颜色是均分占比的。原创 2023-03-10 19:08:42 · 91 阅读 · 0 评论 -
轮播图的三种写法
当用户点击标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上;< label> 标签的 for 属性应当与相关元素的 id 属性相同。用来匹配文档(页面)的url的某个标志符的目标元素。标签的作用是为鼠标用户改进了可用性,原创 2023-03-09 19:50:46 · 85 阅读 · 0 评论 -
定位(如何运用定位)
定位:是一种高级的布局手段。原创 2023-03-07 19:58:52 · 163 阅读 · 0 评论 -
浮动与高度塌陷
浮动概念:是一种布局方式,可以让元素脱离文档流,一旦元素脱离文档流 就不再具有元素在文档流中的特点,从而帮助我们布局 2、设置浮动:float样式名 可选值: none 不浮动 默认值 left 向左浮动 right 向右浮动原创 2023-03-06 17:25:37 · 62 阅读 · 0 评论 -
盒子模型基础用法二
2、7个值当中,有3个值可以被设置为auto,分别是margin-left,width,margin-right。margin-left,width,margin-right为auto 调整的width。margin-left,margin-right为auto 同时调整,各一半。1、如果水平方向7个值中没有auto,默认调整的是margin-right。如果这个7个值相加不等于父元素内容区的宽度,浏览器就会改变某些值,让其成立。默认情况下,父元素的高度是被内容撑开的,如果设置了,设置多少就是多少。原创 2023-03-03 19:35:10 · 52 阅读 · 0 评论 -
盒子模型基础用法一
盒子模型:就是将页面所有的元素都统一设置为一个个盒子,一个个矩形,在布局时,就不用考虑元素的形状,只需要考虑元素的大小,大大的方便了页面的布局。原创 2023-03-02 19:42:10 · 86 阅读 · 0 评论 -
表单的用法
表单定义: 将用户信息等本地的数据信息提交给服务器的 比如:百度的搜索框 注册 登录这些操作都需要填写表单如何创建表单:1:创建表单 form标签属性: action属性(必须要写) 指向的是一个服务器的地址,当我们提交表单时将会表单相关的数据提交到action属性对应的地址原创 2023-03-01 20:45:03 · 109 阅读 · 0 评论 -
表格基础用法
隔行变色:tr:nth-child(even/2n)或tr:nth-child(odd/2n+1)td文字在表格中的位置:文本垂直居中效果:vertical-align:middle;td文字在表格中的位置:文本水平居中效果:text-align: center;表格在日常生活中使用的非常的多,比如excel就是专门用来创建表格的工具,2、在table标签中使用tr来表示表格中的一行,有几行就有几个tr。3、在tr中需要使用td来创建一个单元格,有几个单元格就有几个td。在网页中也可以来创建出不同的表格。原创 2023-02-28 18:29:49 · 212 阅读 · 0 评论 -
html 边框圆角和阴影的基础用法
边框原创 2023-02-27 20:56:46 · 730 阅读 · 1 评论 -
css常用选择器及用法
在使用的时候,能用子元素选择器,不用后代选择器,否则一定程度上会影响网站性能。注意:如果选择器中有元素选择器,元素选择器必须放在第一位。2、:last-of-type 选中最后一个子元素。3、:nth-of-type() 选中第n个子元素。1、:first-of-type 选中第一个子元素。-比如:第一个元素,被点击的元素,鼠标移入的元素···语法:选择器1选择器2选择器3····{}语法:选择1,选择器2,选择器3···{}-伪类不特指某一个元素,指的是一个元素的特殊状态。原创 2023-02-25 16:47:50 · 249 阅读 · 2 评论 -
HTML基础网页写法
超链接: 行内元素 ,它里面可以放任何元素,除了它自己 可以是一个字,一段文字,图片,表格等功能: 1、一个页面跳到另一个页面 2、当前页面的跳转(做楼梯导航) 3、下载属性: href 指向跳转的目标地址 绝对路径 相对路径 ./ ../需要超链接的内容target 的属性值:_原创 2023-02-23 11:42:38 · 326 阅读 · 4 评论 -
浏览器,网页结构与常用标签
国内常用浏览器:IE浏览器内核:Trident内核,也是俗称的IE内核;Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;Firefox浏览器内核:Gecko内核,俗称Firefox内核;苹果Safari浏览器内核:Webkit内核,特点是不受IE、Firefox等内核的约束,比较安全;Opera浏览器内核:最初是自己的Presto内核,后来加入谷歌大军,从Webkit又到了Blink内核;原创 2023-02-22 20:14:58 · 257 阅读 · 2 评论