- 博客(15)
- 收藏
- 关注
原创 JavaScript对象
属性加引号和不加引号使用是一样的,如果键是以数字开头必须加引号,且不能用”.”来调用需要用[]调用。在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。2:创建一个构造函数,包括:SID,姓名,年级,爱好(可传参数),创建2个学生对象。1:创建一个电脑对象,该对象有颜色,品牌,重量,看电影(方法),打游戏(方法)。- 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型,函数类型等)- 因为我们一次创建一个对象,里面很多的属性和方法是大量相同的 我们只能复制。
2022-09-27 17:18:24 490 38
原创 a标签 :focus的使用(:focus)
这样也会实现一种tab栏切换的效果,今天小编刚刚发现的这种写法,在很多页面中用这种方法去实现是不是很简单呢。当点击a标签的时候也会聚焦,颜色也会变,正如小编上面代码中写的一样,a在focus时变红,原来也会实现。在我们的印象中:focus往往配合input来使用,用来聚焦的效果,今天就用它来和a标签使用一下。
2022-09-16 14:28:29 2281 5
原创 CSS响应式布局(自适应布局)
CSS 响应式布局也称自适应布局,是 Ethan Marcotte 在 2010 年 5 月份提出的一个概念,简单来讲就是一个网站能够兼容多个不同的终端(设备),而不是为每个终端做一个特定的版本。这个概念是为解决移动端浏览网页而诞生的。响应式布局能够为使用不同终端的用户提供很好的用户体验,而且随着大屏智能手机的普及,用“大势所趋”来形容也不为过。接下来我们以媒体查询为例来具体演示一下响应式布局的实现。
2022-09-15 19:50:49 19975 3
原创 媒体查询?
浏览器在宽度小于540px的时候,背景颜色是蓝色,浏览器宽度在540px-970px之间,body的背景颜色是绿色,浏览器宽度大于970px的时候,背景颜色是红色。rem单位是跟着html来走的,有了rem页面元素可以设置不同的大小尺寸。媒体查询+rem就可以实现不同设备宽度,实现元素大小的动态变化。使用@media查询,可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式。媒体查询可以根据不同的屏幕尺寸改变不同的样式。3.关键字 and not only。
2022-09-14 16:31:16 1278 36
原创 旋转相册的制作
html和css真的很炫酷,对于没有接触过的人来说是有点困难,但是如果感兴趣的,深入了解一下就会发现它的奇妙之处,会制作很多炫酷的效果哦。2.然后在文件夹里再建一个文件夹用来放图片,一个新建文档,注意把后缀名改成.html.在浏览器里是会旋转的哦,大家快试试哦,送给你心爱的那个她(他)吧,去送一份惊喜吧。在url里面放你需要的相册,只需要在./img/后面写你自己相册的名字就可以了。5.写好之后直接保存退出,双击你的index.html文件就可以看到效果了哦。3.将你需要的图片放在img文件夹里面。
2022-09-08 20:39:39 2880 42
原创 input 和 label 实现tab栏
今天刚听说的用input和label来实现tab栏,也可以实现轮播图的形式,就可以在只学习了css就可以实现点击的效果,在以前我都是用:hover来实现鼠标移入内容出现,但是鼠标立马移开内容就会消失,现在就可以用input和label来实现点击一下,内容出现的效果,而且在不触发下次点击时内容都不会消失,比:hover用起来舒服很多哦,但是还是要根据实际情况去运用哦。内容虽少,但是真的很有意思哦,小编今天刚学会这种方式,就迫不及待地跟大家分享一下,大家支持一下哦,大佬还请指点指点。锚点功能也是可以的哦。
2022-09-06 15:26:00 427 32
原创 html css面试题
外边距是调整盒子在页面中的位置的,它的属性有:margin-left,margin-top,margin-right,margin-bottom,分别对应的是左,上,右,下,例如margin-left:50px;在我们的页面布局当中,我们会经常使用浮动,浮动是很重要的,因为在布局中我们经常使用块元素,而块元素的特点是独占一行 ,所以我们在水平布局上无法布局,那么浮动就可以解决无法在水平方向上的布局的困扰,设置浮动的元素会脱离文档流。那么1em=20px,2em=40px;Important;
2022-09-02 15:15:24 1163 42
原创 小米商城侧导航栏的实现(导航栏的制作)
我的想法是将下拉框写在列表里面,然后给下拉框绝对定位,给ul相对定位,因为我没有给li设置相对定位,那么下拉框的参照物就是相对定位了的ul,把下拉框的位置定好,然后实现鼠标移入下拉框出现,鼠标移出下拉框消失的问题。侧导航栏在我们写的时候很常用,很多网站上面都有侧边导航栏的应用,那么如何制作侧边导航栏呢?我们实现的思路是先制作一个列表,设置列表的样式,然后在列表里面完成我们需要的内容。下面看一看我制作的小米商城的侧导航栏。所涉及到的知识点有定位和格式化文档。css代码段如上所示。...
2022-09-01 15:36:43 4238 51
原创 CSS动画
animation-timing-function 属性用来设置动画播放的速度曲线,通过速度曲线的设置可以使动画播放的更为平滑。注意:要想让动画成功播放,您还需要定义 animation-duration 属性,否则会因为 animation-duration 属性的默认值为 0,导致动画并不会播放。提示:动画若想成功播放,必须要定义 animation-name 和 animation-duration 属性。图:animation-timing-function 属性演示。...
2022-08-31 19:30:09 476 2
原创 CSS transition(过渡效果)
transition 属性中,transition-property 和 transition-duration 为必填参数,transition-timing-function 和 transition-delay 为选填参数,如非必要可以省略不写。如果有多个参与过渡的属性,也可以依次为这些属性设置过渡需要的时间,多个属性之间使用逗号进行分隔,例如。其中,time 为完成过渡效果需要花费的时间(单位为秒或毫秒),默认值为 0,意味着不会有效果。...
2022-08-30 19:19:55 2986
原创 css动画 animation
提示: repeating-linear-gradient()、repeating-radial-gradient() 和 repeating-conic-gradient() 函数的语法分别与 linear-gradient()、radial-gradient() 和 conic-gradient() 函数的语法相同。线性渐变指的是颜色沿一条直线进行渐变(例如右上到下,从左到右等),要创建线性渐变,您至少需要定义两个色标(色标指的是想要平滑过渡的颜色),若要创建更加复杂的渐变效果,则需要定义更多的色标。.
2022-08-29 19:07:14 968 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人