@HongLi-CSDN博客

原创笔记六：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 138

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

2021-07-13 01:50:00 193

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

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

2021-07-08 22:19:03 160

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

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

2021-07-01 11:55:01 234

原创笔记二：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 154

原创笔记三：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 128

原创笔记一：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 151

原创 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 314

原创 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 579

原创 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 529 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 2674

原创 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 189

原创 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 1129

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

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

2021-02-02 18:30:38 202

原创 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 148

m0_54249336的博客