自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

李青不吃螺蛳粉的博客

日更一些前端知识

  • 博客(11)
  • 收藏
  • 关注

原创 字符串的数组特性

字符串与数组有相似的结构,字符串是由字符组成的串,每个字符类似于数组的元素。字符串具备如下数组特性:1. 字符串具有 length 属性,可以获取字符串长度(字符串中字符的个数)2. 使用 [] 指定索引可以读取字符串中的某个字符。3. 使用 for 循环遍历字符串中的每个字符。字符串只是具备部分数组的特性:1. 字符串无法像数组那样修改其中的某个字符。2. 字符串的 length 也不能修改。...

2021-03-26 10:53:09 369

原创 javascript的介绍与概述

1 JavaScript 概述① JavaScript 的特点JavaScript 是一门动态的,弱类型的,解释型的,基于对象的脚本语言。动态: 程序执行的时候才会确定数据类型。 静态: 书写代码的时候提前确定数据类型。弱类型: 数据类型可以自动转换。 强类型: 数据类型无法自动转换。解释型: 边编译,边运行,开发效率更高。 编译型: 先编译,后运行,运行效率更高。**脚本:**一般都是可以嵌在其它编程语言当中执行。② javaScript 的运行环境所有的高级编程语言都无法直接在电脑上运行

2021-03-26 00:20:21 137

原创 flex弹性盒子(伸缩盒模型)的使用

伸缩盒布局1 伸缩容器和伸缩项目伸缩容器: 一个元素设置 CSS 属性 display:flex 或者 display: inline-flex,该元素就变为伸缩容器。伸缩项目: 伸缩容器的子元素就会变为伸缩项目。伸缩项目会水平排列,可以完美的设置宽高以及内外边距,不存在外边距塌陷合并,并且具有伸缩性。只有伸缩容器的子元素才是伸缩项目,子元素的子元素以及其他后代不是。伸缩项目也可以作为它的子元素的伸缩容器。2 设置主轴方向和换行方式主轴: 伸缩项目会沿着主轴排列,主轴的默认是水平的且

2021-03-26 00:15:48 677

原创 css中的伪类选择器有哪些

1 伪类选择器① 动态伪类选择器(5个):link 选择地址没有被访问过的超链接元素:visited 选择地址被访问过的超链接元素:hover 选择鼠标悬停在上面的元素。:active 选择鼠标在上面并且按键按下不松手的元素:focus 选择获取焦点的元素。② 目标伪类选择器(1个):target 选择当前锚点指向的元素。③ 语言伪类选择器 (1个,了解)lang() 根据语言选择元素(lang 属性的值)④ UI元素伪类选择器(3个):enabled 选择可以使用

2021-03-26 00:08:56 10804 1

原创 html5中input标签新增的属性

input 标签的 type 属性新增的值HTML 5 新增的 type 属性的值: email、url、number、search、tel、range、color、date、month、week、time、datetime-local① 文本输入类<!-- 邮箱输入框 --><input type="email" placeholder="请输入邮箱"><br><br><!-- URL 输入框 --><input type

2021-03-26 00:05:33 439

原创 什么是精灵图,精灵图的优点

1 什么是精灵图CSS Sprites,翻译为精灵图或者雪碧图。所谓精灵图就是把好多小的图片合并一张大图, 以该大图为背景图片的元素尺寸比较小,可以通过控制背景图片的位置,让元素上显示合适的图像。精灵图依赖于 background-position 属性2 精灵图的优点很多元素的背景图用的是一张图片,能够减少网络请求次数,提升页面加载速度。...

2021-03-26 00:00:44 3133

原创 解决浮动的影响(清除浮动)

解决浮动的影响(清除浮动)解决对后面兄弟元素的影响:给后面的兄弟元素设置 CSS 属性 clear:both既可解决对父元素的影响:方案一:给父元素设置 overflow 属性,值不是 visible 既可。(推荐)方案二:以浮制浮,给元素也设置浮动; 缺点:父元素浮动之后产生新的影响。方案三:给父元素设置固定高度,缺点:需要计算父元素高度。方案四:在所有浮动元素的后面添加元素(父元素的最后一个子元素),给该元素设置属性 clear:both,要求该元素是块级元素。 缺点:需要

2021-03-25 23:58:30 503

原创 margin设置规则与margin塌陷、合并

① margin 设置规则margin 复合属性,可以设置一个值、两个值、三个值、四个值,规则如下:margin: 10px; /*设置 4 个方向的外边距*/margin: 10px 20px; /*上下 左右*/margin: 10px 20px 30px; /*上 左右 下*/margin: 10px 20px 30px 40px; /*上 右 下 左*/外边距值的规则:如果使用百分比设置长度作为外边距的值,参照父元素内容的宽度。外边距的值可以负数,也可以设置为 auto。

2021-03-25 23:56:30 1673

原创 css中常用的字体属性与文本属性

属性名作用属性值font-family设置字体族科字体名称font-size设置字体大小长度font-weigth设置字体粗细nomal: 正常(默认)lighter: 细bold: 粗100 ~ 900 之间整百的数字: 100~300显示细体,400、500显示正常,600以及以上显示粗体。font-style设置字体风格(斜体)normal: 正常(默认)italic: 斜体(推荐,利用字体本身的斜体)oblique: 斜体(强制变斜)f...

2021-03-25 23:49:44 304

原创 单元格样式设置

单元格样式设置① 设置单元格内容对齐方式**设置单元格内容的水平对齐方式:** (默认:th 居中对齐,td 靠左对齐)给 thead、tbody、tfooter 设置 align 属性,值可以为 center、left、right, 所包含的单元格都会生效。给 tr 设置 align 属性,值可以为 center、left、right, 改行所包含的单元格都会生效。给 td 或者 th 设置 align 属性,值可以为 center、left、right, 本单元格都生效。设置单元格内容

2021-03-25 23:46:07 508

原创 相对路径与绝对路径的区别及使用场景

绝对路径前端中使用的绝对路径,就是文件在网络中的绝对地址例如:http://image.baidu.com/images/pc_34124123123/im123123123.jpg相对路径./ 表示当前文件夹(写代码的文件所在的文件夹), 可以省略。 用于目标文件在同级或者下级../ 表示上一级文件夹(写代码的文件的上一级文件夹)。 用于目标文件在上级或者更上级 ../../ 表示上两级 ../../../ 表示上三级html中使用路径的场景使用 img 标签加载图片文件

2021-03-25 23:38:20 474

空空如也

空空如也

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

TA关注的人

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