自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 笔记六:CSS引用方式与CSS继承性

一、CSS引用方式行内样式:使用HTML标签的style属性定义,只对设置style属性的标签起作用 <div style="height: 60px;width: 60px;background-color: red;"></div>内部样式:在页面头部通过style标签定义,对页面中所有符合选择器的标签都起作用 <style> .test{ height: 60px; ...

2021-07-15 00:59:53 136

原创 笔记五:CSS简介和CSS选择器

一、什么是CSSCSS指的是层叠样式表*(CascadingStyleSheets),CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素,CSS节省了大量工作。它可以同时控制多张网页的布局。二、CSS基本语法CSS 语法规则集(rule-set)由选择器和声明块(样式对集)组成 选择器:指向您需要设置样式的 HTML 元素。 声明块(样式对集):包含一条或多条用分号分隔的声明三、简单选择器(根据名称、id、类来选取元素)CSS 选择器用于选择出要...

2021-07-13 01:50:00 192

原创 笔记四:HTML5有哪些新特性

一、新增的语义化更好的标签1.header,footer,nav,article,aside,sectionheader: 表示页面或一个区域(section)的页眉部分,通常在里面包含h1-h6标签来使用 footer: 表示zz页面或一个区域(section)的页脚部分,通常会将网站的证书,许可,版权协议等内容放在这块 nav: 主要用于定义页面的导航部分 article: 表示的是一个独立完整的内容部分 aside标签一般会指定网页的侧边栏部分,友情链接等附注性的东西,类似于广告也

2021-07-08 22:19:03 159

原创 笔记三:HTML常用标签总结

一、基本标签<html>…</html>定义HTML文档 <head>…</head>文档的信息 <meta>HTML文档的元信息 <title>…</title>文档的标题 <body>…</body>可见的页面内容 <link>文档与外部资源的...

2021-07-01 11:55:01 233

原创 笔记二:HTML主体结构(Dom树)

一、HTML主体结构(Dom树)<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2021-06-30 12:44:55 153

原创 笔记三:vscode前端必备插件

​​​​必备插件 HTML Snippets :H5标签代码提示 HTML CSS Support :CSS代码提示 Path Intellisense : 路径提示 Npm Intellisense :引用包(require 包)提示 HTMLHint :html代码检测 Project Manager :在多个项目之前快速切换 beautify : 格式化文档排版(右键格式化文档) Atuo Rename Tag :修改 ht.

2021-06-29 18:13:36 126

原创 笔记一:HTML发展史与DTD文档模型

一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库目录二、使用步骤1.引入库2.读入数据总结代码如下(示例):import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('igno

2021-06-28 14:12:50 150

原创 HTML面试题十:前端需要注意哪些SEO

文章目录HTML面试题十:前端需要注意哪些SEO一. 什么是SEO:搜索引擎优化二. 什么是网络爬虫三. 前端需要注意哪些SEO1. 合理使用 title标签,meta keywords标签,meta description标签2. 尽量使用HTML5语义化标签,语义化标签更有利于搜索引擎确定上下文和各个关键字的权重。3. 重要内容 HTML 代码放在最前,因为搜索引擎抓取 HTML 顺序是从上到下4. 重要内容不要靠 JS 输出,爬虫不会执行JS获取内容5. 尽量少用 iframe标签,因为搜索引擎不会抓

2021-02-18 16:25:18 312

原创 HTML面试题九:meta标签

文章目录HTML面试题九:meta标签一. 什么是meta标签?二. meta标签如何使用HTML面试题九:meta标签一. 什么是meta标签?元数据就是指非显示型数据,机器可读型数据meta 标签提供各种元数据,从而提供各种文档信息/met3/二. meta标签如何使用在head标签中可以添加多个meta标签,meta标签有四大属性:charset属性: 用于声明页面的字符编码,一定要写在第一行,否则将会出现乱码<meta charset="utf-8">ht

2021-02-17 18:02:36 578

原创 HTML面试题八:如何禁止a标签默认事件,禁止默认事件之后如何实现跳转 ??this

文章目录HTML面试题八:如何禁止a标签默认事件,禁止默认事件之后如何实现跳转一. 如何禁止a标签默认事件1. 让href的内容为javascript:void(0);或者 javascript:;HTML面试题八:如何禁止a标签默认事件,禁止默认事件之后如何实现跳转一. 如何禁止a标签默认事件1. 让href的内容为javascript:void(0);或者 javascript:;...

2021-02-09 15:17:50 527 1

原创 HTML面试题七:b标签和strong标签,i标签和em标签的区别

文章目录HTML面试题七:strong和b标签,em和i标签的区别1. strong和b标签的区别HTML面试题七:strong和b标签,em和i标签的区别1. strong和b标签的区别b标签:仅仅只是给文字添加了加粗样式

2021-02-09 14:08:45 2672

原创 HTML面试题六:HTML有哪些布局元素,说明每种布局元素的应用场景

HTML面试题六:HTML有哪些布局元素,说明每种布局元素的应用场景一. HTML有哪些布局元素1. 内联元素——本身属性为 display:inline典型的有:span,a,b,i,input,textarea,em,br,i行内显示,从左到右排布不能直接控制高度宽度等css属性,因为其宽高是由本身内容大小决定的(文字,图片等)但能直接设置内外边距的左右值只能容纳文本或者其他行内元素,不能嵌套块级元素2. 块级元素本——身属性为display:block典型的有 div,h,hr

2021-02-09 10:47:52 188

原创 HTML面试题五:什么是渲染阻塞,如何处理渲染阻塞

文章目录从输入URL到浏览器展示页面,这过程发生了什么?一. URL 的从输入到解析1.URL的输入2. URL域名解析(简称DNS: domain name resolution)二. 建立客户端与服务器的 TCP 链接1. TCP 三次握手2. 开始发送 HTTP 请求报文3. 服务器处理请求并返回 HTTP 响应报文从输入URL到浏览器展示页面,这过程发生了什么?一. URL 的从输入到解析1.URL的输入 URL: scheme://host.domain:port/path/filen

2021-02-03 16:40:04 1128

原创 HTML面试题四:从输入URL到浏览器展示页面,这过程发生了什么?

文章目录什么是渲染阻塞,如何处理渲染阻塞一. 什么会造成渲染阻塞?1. 等待所有CSS下载并解析完——阻塞渲染2. 中途Script脚本——阻塞解析二. 如何处理渲染阻塞三. 如果将script标签放在head引用,需要如何处理?什么是渲染阻塞,如何处理渲染阻塞一. 什么会造成渲染阻塞?1. 等待所有CSS下载并解析完——阻塞渲染CSSOM是完备的,这种完备是指所有的CSS(内联、内部和外部)都已经下载完,并解析完,只有CSSOM和DOM的解析完全结束,浏览器才会进入下一步的渲染2. 中途Sc

2021-02-02 18:30:38 201

原创 c语言基础笔记

文章目录一,c语言中的四种数据类型1.c语言中的四种数据类型2, java中的两种数据类型3.javaScript中的两种数据类型二,c语言中的常量(各种语言的常量都是相差无几的)1.c语言中的常量2. java中的常量3. javaScript中的常量三,c语言中变量如果不赋初始值的话,会任意分配值四,c语言中的宏常量和宏替换(孤独的三部分,没有分号,没有等号)五,c语言中的const常量(有具体的数据类型的常量)六,c语言中自动转化七,c语言中强制转换八,c语言中的转义字符(常用)九,c语言中字符专用输

2021-02-01 11:42:26 145

原创 HTML面试题三:如何区分Html和Html5

文章目录如何区分Html和Html5一.文档类型声明不同二.结构语义不同如何区分Html和Html5一.文档类型声明不同Html : 比较冗长 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”Html5:比较简洁<!doctype html>二.结构语义不同Html : Html没有明显的语义化标签,通常用命名 id 的方法来使标签语义化Html5:Html5有明显的语义化标签,其优点有

2021-02-01 11:21:41 227

原创 HTML面试题二:如何处理HTML5的新标签的浏览器的兼容问题

文章目录一、pandas是什么?二、使用步骤1.引入库2.读入数据总结提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport panda

2021-02-01 09:52:09 140

原创 HTML面试题一:HTML5有哪些新特性

HTML5有哪些新特性一.新增的语义化更好的标签1. header,footer,nav,article,aside,section2.语义化标签的优点二.新增的表单标签类型1.网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索三.新增API接口1.音频(audio)视频(video) 接口2. 画布(Canvas)接口3。拖拽释放(drag and drop)接口一.新增的语义化更好的标签1. header,footer,nav,article,aside,sectionheader:

2021-02-01 09:33:30 454

空空如也

空空如也

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

TA关注的人

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