自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 初识JavaScript

1.初识JavaScript1.1.什么是JavaScript​ JavaScript ( JS ) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。1.2.JavaScript的组成部分ECMAScri

2021-08-31 11:09:07 292

原创 CSS布局篇——flex布局

1.flex布局布局的传统解决方案,基于盒模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布

2021-08-31 10:52:06 6960

原创 CSS布局篇——定位布局

- 定位流分类1.1.静态定位1.2.相对定位1.3.绝对定位1.4.固定定位1.5.粘滞定位1.6.z-index- 1.1.静态定位( Static positioning)是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。position: static;- 1.2.什么是相对定位?( Relative positioning )相对定位就是相对于自己以前在标准流中的位置来移动 ​ position: relative; ​ 使用top,ri

2021-08-31 10:42:51 166

原创 CSS布局篇——浮动布局

- 什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的- 标准流(文档流/普通流)排版方式 标准流(文档流/普通流)-标准流(文档流/普通流)处在网页的最底层,它表示的是一个页面中的位置,我们所创建的元素默认都 处在标准流(文档流/普通流)中。 ​ -元素在标准流(文档流/普通流)中的特点 ​ 块元素 ​ 1.块元素在标准流(文档流/普通流)中会独占一行,块元素会自上向下排列。 ​ 2.块元素在标准流(文档流/普通流)中默认宽度是父元素的100% ​

2021-08-31 10:39:39 533

原创 CSS盒模型

盒子属性( Box properties)文档中的每个元素都可以被看作是一个矩形盒子。具有如图的一些属性。margin外边距 代表盒子四周的区域。相邻元素的边距会合并(margin collapsing)border设定介于padding的外边缘与margin的内边缘之间,默认值为0padding内间距 在任何定义的边界内的元素内容周围生成空间width & height用于设置内容区的宽高,该片区域用于显示内容。盒子高度默认为内容的高度。盒子一般指的是块元素

2021-08-31 10:33:29 81

原创 CSS简介与选择器

什么是CSS CSS (Cascading Style Sheets) 层叠样式表,是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户。 HTML和CSS之间的关系? HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 HTML就像是一个人,而CS..

2021-08-31 10:27:20 81

原创 HTML功能元素

1.1.列表标签列表标签的作用: 给一堆数据添加列表语义, 也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体- HTML中列表标签的分类无序列表(最多)(unordered list) ​ 有序列表(最少)(ordered list) ​ 定义列表(其次)(definition list)1.1.1.无序列表:给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先后之分什么叫有先后之分? ​ 例如: 排行榜 ​ 什么叫没有先后之分? ​ 例如: 中国有哪些城市- 无序列表格

2021-08-31 10:25:26 236

原创 初识HTML和CSS

1.1.什么是HTML?什么是CSS?HTML是HyperText Markup Language(超文本标记语言)它不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字

2021-08-31 10:23:52 162

空空如也

空空如也

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

TA关注的人

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