自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Expected ‘===‘ and instead saw ‘==‘报错

解决方法很简单在报错的内容后添加注释 //eslint-disable-line就可以解决了例如:解决:

2020-10-20 19:40:35 1296

原创 HTML语义化有什么好处呢?

(1)HTML语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;(2)即使在没有样式CSS的情况下也能以一种文档格式显示,并且是容易阅读的;(3)搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,有利于SEO;(4)使阅读源代码的人更容易将网站分块,便于阅读、维护和理解。...

2020-09-21 10:34:25 341

原创 css3的新特性有哪些呢?

CSS3新特性1. animation:动画2. transition:动画速度3. transform:变形4. 伪元素5. 边框 border-radius 圆角边框 box-shadow 盒子阴影 border-image 边框背景背景 background-size 背景大小 background-origin 背景的起始点 background-clip 背景的覆盖范围 background-image 设置背景图片文本 text-shadow 文本

2020-09-21 10:31:39 220

原创 overflow的三种取值,并说明具体含义

overflow的三种取值:auto:自适应,内容如果溢出,会自动生成滚动条scroll:将超出的内容进行裁剪(也就是不显示),并以滚动条的方式显示超出的内容(若不设置隐藏滚动条,滚动条一直存在)。hidden:将超出内容进行裁剪,不会出现滚动条。...

2020-09-21 10:17:58 2388

原创 显示隐藏元素的方式及区别

display 浏览器是否显示该元素, 如果隐藏也不占据页面空间 display: none display: blockopacity:0 浏览器不显示该元素,但是会占据页面空间,交互事件正常visibility 浏览器不显示该元素,但是会占据页面空间,交互事件失效 visibility: hidden visibility: visible...

2020-09-21 10:15:33 125

原创 你知道如何清除浮动吗?

清除浮动的方式1、浮动元素的父级元素: overflow:hidden;2、浮动元素的父级元素: ::after{clear:both;content:’’;display:block;}3、浮动元素的同级:添加一个空标签,并且设置clear:both;注意:添加的都是块级元素...

2020-09-21 10:12:10 65

原创 说说你对name和id的理解?

name 属性一般都用在表单元素里,用来提交数据给后台! id 一般用于css和js中引用,通过 以 #定义的CSS样式,也可以用JS获取来控制 getElementById 来获取ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。...

2020-09-21 10:03:57 174

原创 列出常见的标签,并简单介绍这些标签用在什么场景?

块元素 1) 独占一行空间 2) 默认宽度为100%,默认高度由子元素或者内容决定 3) 可以为其指定宽高 style="width:;height:;" 举例: div 用于页面框架搭建 ol > li 无序列表……行内元素 1) 与其他行内元素共享一行空间 2) 默认宽高由内容决定 3) 不能为其指定宽和高 4) 行内元素中不可以嵌套块元素,但块元素中可以嵌套行内元素 举例: a 超链接 span 无意义行内元素 i 可用于字体图标的引入 ……

2020-09-21 09:55:54 504

原创 空元素是什么?

在HTML元素中,没有内容的 HTML 元素被称为空元素。由于HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。(empty content),那些含有空内容的HTML元素,就是空元素。空元素是在开始标签中关闭的。...

2020-09-21 09:53:04 1944

原创 谈谈你对B/S架构的认识?为什么要使用B/S架构?

B/S(Browser/Server,浏览器/服务器),客户端运行浏览器软件,浏览器以超文本形式向Web服务器提出访问数据请求,Web服务器接受客户端请求后,进行响应,客户端浏览器对服务器的响应进行解析,以友好的Web页面形式显示出来。特点:软件不需要安装,直接使用浏览器访问网址即可;多用户访问,交互性强;更容易更新和维护;速度和安全上花费较大。...

2020-09-21 09:45:03 4476 1

原创 githup?一个非常适合程序员交流的网站

why?很多国际上的技术大牛都在github上有自己的开源代码,我们只要申请个账号就可以随意的看到这些大牛写的程序。同时国内的很多互联网公司如百度,阿里等,也在github上公布有开源的代码;同时,我们也可以把自己写的东西放到上面。与之相同的还有gitee,githup网址在国外,gitee网址在国内;git使用1.下载安装 git --version 检测版本注册github账号一个本地仓库对应一个远程仓库注意: 第一次提交的时候需要设置当前用户> git config --gl

2020-09-21 09:41:48 906

原创 HTML中如何通过定位进行布局?各有什么特点?

定位布局position:static:静态布局absolute:绝对定位特点:1.脱离默认文档流2.不占据定位前空间3.默认情况下,绝对定位元素根据body元素左上角进行定位4.当父元素具有定位属性时,子定位元素根据父元素左上角进行定位relative:相对定位特点:1.默认情况下,元素根据元素本身的位置进行定位2.不脱离默认文档流3.占据定位前空间fixed:固定定位特点和绝对定位相似使用了固定定位的元素,不会随着滚动条的滚动而滚动sticky:粘滞定位relativ

2020-08-17 20:28:25 722

原创 元素在父元素中水平或垂直居中的方法

如何让元素在父元素中水平或垂直居中:行内元素:text-align:center;line-height:height;块级元素:1.给父元素设置display:flex;并且设置:align-items:center;justify-content:center;2.给父元素一个定位属性,子元素使用绝对定位,并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置;然后再让子元素使用margin-left:-width/2;margin-top:-height

2020-08-16 14:33:01 461

原创 解决外边距合并的方法有哪些?

外边距合并问题:1.父子级1.给父元素添加边框属性2.给父元素/子元素添加浮动属性3.给父元素/子元素添加position:absolute属性4.给父级元素设置overflow:hidden属性5.给父子级添加display:inline-block属性6.将本应该设置给子元素的外边距设置给父元素的内边距2.兄弟级解决:将本应该设置给两个元素的外边距设置给一个元素合并规则:1.两个数值均为正数时,取较大一个2.两个数值均为负数时,取较小的一个3.当两个数值一正一负时,直接想加

2020-08-16 14:27:45 314

原创 cookies,sessionStorage和localStorage的含义及其区别

cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,关闭浏览器后,cookie数据仍然存在,直到过期时间结束才消失。cookie数据始终在同源的http请求中携带,即使不需要,也会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存,sessionStorage为临时保存,

2020-08-16 14:23:53 189

原创 浏览器的内核有哪些?

主要分成两个部分:渲染引擎(Render Engine)和JS引擎。渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具(就是按照HTML代码在界面上绘制各种控件图形)。JS引擎:解析和执行javascript来实现网页的动态效果。常见的浏览器内核有:Webket(谷歌内核)、Trident(IE内核)、Gecko(Firefox火狐内核)...

2020-08-16 14:08:49 123

原创 html中如何使用网络字体?

网络字体(字体图标库的使用)1) webfont (网址:http://www.xiazaiziti.com/tag/ttf?btwaf=178657100)(windows可通过控制面板-外观与个性化-字体查看电脑含有的字体)1. 下载对应的字体2. 将下载好的字体文件放到对应的目录3. 在style标签中引入(声明字体)@font-face {font-family: ‘随意’;(给下载好的字体起名字)src: url(’./HYXinHaiXingKaiW.ttf’);}4.

2020-08-10 20:07:51 1014

原创 表单中的组件及其对应属性

form:表单action:提交表单时向何处发送表单数据target:被打开的位置method:方法get:1.相对不安全2.只能提交轻量级数据post:1.相对安全2.可以提交重量级数据组件:input:type:textpasswordimagebuttonsubmitresetfilehiddenradiocheckboxname: 设置与后台交互的属性的属性名username=‘用户所输入的内容’(后台收到的)value:文本:按钮:多选框/

2020-08-10 19:39:13 503

原创 选择器的分类及其优先级

选择器1) 基本选择器标签选择器含义:根据指定的标签名,在当前文件中找到所有该名称的标签,设置属性格式:标签名 {样式名:样式值}注意:1. 标签选择器选中的是当前文件中所有的标签, 而不能单独选中某一个标签2. 标签选择器无论标签藏得多深都能选中3. 只要是HTML中的标签就可以作为标签选择器2)类选择器含义: 根据指定的类名找到对应的标签, 设置属性格式:.类名{属性:值;}注意:1. 在同一个文件中的class可以重复2. 使用class选择器时要在class前

2020-08-08 21:04:27 858

原创 html中引入css的方式

html中引入css的方式1.行内样式style属性2.内联样式style标签3.外部引入创建.css为后缀名的文件link标签@import url()(不建议使用)link和@import的区别1) 所属范围@import 是css的语法,只能导入样式link是html的标签,不仅可以加载样式,还可以定义rel属性rel="stylesheet"表示调用外部样式表2) 加载顺序页面加载的时候,link标签引入的css被同时加载@import引入的css在页面加载完毕后

2020-08-08 20:52:28 194

原创 a标签的多种用法

1.使用mailto用于发送邮件发送邮件2. 点击一下3. 百度官网4.跳转到1-hello.html5.跳转到1-hello.html6.跳转到杰普官网>图片具有超链接效果:7. 当作锚点使用 #id的值头部尾部返回顶部

2020-08-08 20:46:00 337

原创 vscode中乱码的解决方法

乱码的解决方法:1.编辑器本身 vscode 当前文件的右下角进行设置2.代码本身 3.浏览器菜单栏里查找字符编码的设置

2020-08-08 20:39:11 475

原创 行内元素与块级元素有什么不同?常见的元素有哪些?

行内元素作用:点缀网页,填充内容特性:1) 与其他行内元素共享一行空间2) 默认宽高由内容决定3) 不能为其指定宽和高4) 行内元素中不可以嵌套块元素,但块元素中可以嵌套行内元素常见的行内元素有: span img a input th td em b i strong u2.块级元素作用: 一般用于页面结构的搭建特性:1)宽度是100%2)高度是由内容决定的3)占用一整行 常见的块级元素有:p margin-top/margin-bottom form table/.

2020-08-08 20:36:04 245

原创 CSS小结

css 笔记前端三要素:html(名词):木偶 css(形容词):化妆 javascript(js 动词):动态展示跳舞CSS:1.什么是css?cascading style sheets的缩写层叠样式表2.css的语法1.属性名和属性值之间使用:隔开;多对属性之间使用;隔开最后一对属性可以不加分号(建议加上)eg:2.速记写法/简写形式border:1px solid red;(简写了12行)border-width:1px;—>border-top-widthb

2020-08-02 00:59:21 155

原创 HTML总结

@HTML总结1、html【超文本标记语言】1> 普通文本与超文本普通文本: 纯字符超文本: 字符,图片,超链接,视频,音频hello world段落百度一下2>浏览器由上而下解析html文件,会将标签自动进行转换,变成浏览器页面元素显示3>浏览器对于出错的标记不会停止显示也不会报错(控制台报错或者给自动理解修改)4>可以使用.html与.htm作为html文件的后缀名2、开发环境编辑器vscode(英文版)、sublime(中文版)浏览器fire

2020-08-02 00:36:52 576

空空如也

空空如也

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

TA关注的人

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