自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 前端初体验-day10

组件名称由尖括号包裹,称为标签,它有开始标签和结束标签。结束标签的<后面用/来表示结束。结束标签也称为闭合标签。如下面示例的是开始标签,是结束标签。开始标签上可以写属性,属性可以有多个,多个属性之间用空格分割。每个组件,包括如下几个部分:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。如下面的示例中,属性property1的值被设为字符串value。在开始标签和结束标签之间,称为组件内容。根据pages创建的页面来实现tabbar的页面跳转。组件是一个单独且可复用的功能模块的封装。

2024-06-26 18:46:20 243 1

原创 前端初体验-day9

JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多。

2024-06-25 18:10:38 850

原创 前端初体验-day8

在CSS3里使用transition可以实现补间动画(过渡效果),并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指),就可以实现平滑的过渡,为了方便演示采用hover切换两种状态,但是并不仅仅局限于hover状态来实现过渡。transform是csS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠Flash才可以实现的效果。·:nth-ast-child(n)对指定序号的子元素设置样式(从后往前数)。

2024-06-24 18:27:13 825

原创 前端初体验-day7

这是我第一次我们组独立做完的案例,也是我们学习了这么多天的学习成果的检验,虽然在做的过程中不是非常顺利,但是经过组内的相互帮助,也是圆满完成了这个案例。当然最重要的还是学会了组内的互帮互助,集体荣誉感的增强,让我更加明白我们是一个不可分割的整体,不管是在生活还是在工作中,集体都是非常重要的。另外就是还有一些知识我们还没有学习,我用了一些学过的知识代替,部分功能无法使用,相信在以后的学习中,我们会将这些功能在我们的知识体系中完善。上半部分总体分为两个部分:标题部分 只需将标题放入标题盒子中再设置其样式。

2024-06-21 18:14:02 553

原创 前端初体验-day6

如果上一个元素有浮动,则元素顶部会和上一个元素的顶部对齐:如果上一个元素是标准流,则A元素的顶部会和上一个元素的底部对齐。当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位绝对定位最重要的一点是,它可以通过边偏移移动位置,但是它完全脱标,不占位置。position-fixed:固定定位的元素会固定在页面的某个位置,不会随着页面的滚动而移动(脱离文档流)绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。浮动脱离标准流,不占位置,会影标准流。

2024-06-19 20:40:04 642

原创 前端初体验-day5

4.1相邻块元素垂直外边距的合并当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin.top,则他们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。对于两个嵌套关系的块元素,如果父元素没有上内边距及边框,则父元素的上外边距会与子元素的上外边距发生合并,合并后的外边距为两者中的较大者,即使父元素的上外边距为0,也会发生合并。就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。

2024-06-18 22:03:41 644

原创 前端初体验-day4

##简写属性background 属性值分别为:背景颜色 背景图片 背景重复 背景位置;###背景的尺寸属性1.使用像素2.使用contain 使用contain会自动将图片放到盒子里,多余部分会有留白3.cover 使用可以让图片始终充满整个屏幕###导航案例<//* 初始属性 */a;/* a标签的字体颜色要直接对a标签进行设置 */color;height;*//* 由于a标签是行内元素,所以设置宽和高无效 */display;

2024-06-17 19:10:57 746

原创 前端初体验-day3

选择所有被E元素包含的F元素,中间用空格隔开。

2024-06-14 17:13:26 514

原创 前端初体验-day2

能否管理文字的大小,在网页设计中是非常重要的。但是,你不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落。text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。text-indent 属性规定文本块中首行文本的缩进。CSS字体属性定义字体,颜色、大小,加粗,文字样式。litter-spacing用于控制汉字的字符间距。font-family属性指定一个元素的字体。a:vivisted用于已访问的链接。a:active用于选定的链接。a:link用于未访问的链接。

2024-06-13 20:57:55 400

原创 前端初体验-day1

在今天的学习中,我主要了解了HTML、CSS和JavaScript的基础知识。HTML是网页的骨架,CSS负责页面的外观和样式,而JavaScript则给网页增添了动态效果。每一个标签、样式和脚本都是构成网页的基石,它们共同协作,呈现出了丰富多彩的网页效果。今天是我踏入前端学习领域的第一天,虽然在以前的课程中也学习过一点,但是不同的老师的见解和领悟也让我有了更多的视角看待前端。HTML标签:了解了HTML的基本结构和常用标签,如<p>、<h1>、<div>等。

2024-06-12 22:22:36 155 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除