前端学习笔记
关注
分享
扫一扫
叶言-ne
什么都搞不懂，自己也搞不懂
展开
-
Web易错题
1.FTP协议是一种文件传输协议。2.客户端机构脚本语言 --VBscript JavaScript3.域名系统能将 域名转换成IP地址4.HTML 是一种超文本标记的页面描述语言1.URL的全称 通用资源标识符2.http 默认端口 803.HTTP 在可靠的传输层协议之上 提供一种传输信息的机制4.HTTP 请求消息可以不包含 消息头、消息体实体数据...原创 2022-03-07 17:10:25 · 134 阅读 · 0 评论 -
前端学习21---CSS---CSS三大特性
CSS的三大特性层叠性继承性优先级1.1层叠性（覆盖）1.2继承性行高的继承1.3优先级原创 2021-10-19 14:48:11 · 97 阅读 · 0 评论 -
前端学习---CSS案例---五彩导航栏
<style> .nav a { display: inline-block; width: 120px; height: 58px; background-color: pink; text-align: center; line-height: 58px; color: black; .原创 2021-10-11 20:37:46 · 383 阅读 · 0 评论 -
前端学习020---CSS---背景
背景通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置 背景颜色、 背景图片、背景平铺、背景图片位置、背景图像固定等。3.1 背景颜色background-color一般情况下元素背景颜色默认值是transparent(透明的)。3.2 背景图片background-image常见于logo或者一些装饰性小图片或者是超大的背景图片。优点是非常便于控制位置。background-image:none/url<style> div {原创 2021-10-03 21:03:09 · 90 阅读 · 0 评论 -
前端学习---css案例---03小米侧边栏
<style> /* 把a转换为块级元素 */ a { display: block; width: 230px; height: 40px; background-color: #535758; font-size: 14px; color: #fff; text-decoration: n...原创 2021-10-03 16:21:57 · 146 阅读 · 0 评论 -
前端学习019---CSS---元素显示模式
元素显示模式什么是元素的显示模式元素显示模式的分类元素显示模式的转换2.1 元素的显示模式HTML元素一般分为 块元素 和 行内元素 两种类型。2.2 块元素<style> div { width: 200px; height: 200px; background-color: pink; } </style></head>原创 2021-10-03 15:41:09 · 76 阅读 · 0 评论 -
前端学习018---CSS---复合选择器
复合选择器1.1 什么是复合选择器CSS中，更具选择器类型把选择器分为： 基础选择器 和 复合选择器。复合选择器可以更准确，高效的选择目标元素复合选择器是由两个或多个基础选择器，通过不同的方式组合而成。常用的复合选择器：后代选择器、子选择器、并集选择器、伪类选择器等。1.2 后代选择器 <style> ol li { color: pink; } ol li a {原创 2021-10-03 14:55:12 · 102 阅读 · 0 评论 -
前端学习017---CSS--Emmet语法
Emmet语法1.1快速生成HTML语法1.2快速生成CSS样式语法1.3格式化代码原创 2021-10-01 20:47:16 · 101 阅读 · 0 评论 -
前端学习笔记---CSS案例---新闻页面
<!DOCTYPE html><html lang="en"><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"> <title>新闻页原创 2021-10-01 19:51:58 · 330 阅读 · 0 评论 -
前端学习016---CSS引入方式
CSS引入方式5.1 CSS三种样式表行内样式表 （行内式）内部样式表 （嵌入式）外部样式表 （链接式）5.2 内部样式表5.3 行内样式表<body> <p style="color: blue;">你好！</p> </body>5.4 外部样式表5.5 CSS引入方式总结...原创 2021-10-01 19:07:23 · 145 阅读 · 0 评论 -
前端学习---HTML归纳总结
r)原创 2021-10-01 17:52:08 · 67 阅读 · 0 评论 -
前端学习015---CSS文本属性
CSS文本属性 CSS Text（文本）属性可定义文本的外观。 比如文本的颜色，对齐文本，装饰文本，文本缩进，行间距等等。4.1 文本颜色 color color 属性用于定义文本的颜色。 常用16进制。<style> div { color: red; } p { color: rgb(102, 209, 204); } h3 { color: rgb(75, 48, 16原创 2021-10-01 17:23:49 · 279 阅读 · 0 评论 -
前端学习014---CSS字体属性
CSS字体属性 CSS Fonts(字体)属性 用于定义字体系列、大小、粗细和文字样式（如斜体）3.1字体系列 font-family 属性定义文本的字体系列。 1. 各个字体之间必须使用英文状态下的逗号隔开。 2.如果有空格隔开的多个单纯组成的字体，加引号。 3.尽量使用系统默认自带字体，保证在任何用户浏览器中都能正确显示。 4. body{font-family:'Microsoft YaHei',tahoma,ar原创 2021-10-01 15:32:52 · 175 阅读 · 0 评论 -
前端学习013---CSS id选择器、通配符选择器
2.5 id选择器 HTML元素一id属性来设置id选择器，CSS中id选择器以“#”来定义。 只能调用一次。#id名{ 属性1：属性值1； ....}<!-- 样式#定义，结构id调用 --> <!-- 只能调用一次，别人切勿使用 --> <style> #pink { color: pink; } </style></原创 2021-10-01 14:37:19 · 201 阅读 · 0 评论 -
前端学习笔记---CSS案例---使用类选择器画盒子
<style> .red { width: 100px; height: 100px; background-color: red; } .blue { width: 100px; height: 100px; background-color: blue; } ...原创 2021-10-01 12:46:00 · 182 阅读 · 0 评论 -
前端学习笔记012---CSS标签选择器、类选择器
CSS选择器1.1标签选择器 指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。标签选择器可以把某一类标签全部选择出来。优点：能快速为页面中同类型的标签统一设置样式。缺点：不能差异化设置，只能选择全部的当前标签。1.2类选择器 单独选一个或者某几个标签。...原创 2021-10-01 12:39:03 · 183 阅读 · 0 评论 -
前端学习笔记011---CSS介绍
CSS1.1CSS简介1.HTML的局限性 HTML只关注内容的语义。 可以做简单的样式，但是带来繁琐和臃肿。2.CSS CSS是层叠样式表的简称。 CSS也是一种标记语言。 CSS主要作用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS可以美化HTML。1.2CSS语法规范选择器一条或者多条声明属性和属性值之间原创 2021-09-30 21:27:09 · 96 阅读 · 0 评论 -
前端学习---HTML案例---注册表单
<!DOCTYPE html><html lang="en"><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"> <title>注册.原创 2021-09-30 20:49:14 · 294 阅读 · 0 评论 -
前端学习笔记十---HTML表单标签
表单标签1.1为什么需要表单为了收集用户信息。1.2表单的组成表单域表单控件提示信息1.3表单域表单域–包含表单元素的区域form 用于定义表单域 <form action="url地址" method="提交方式（post/get）" name="表单名称" > 各种表单元素控件 </form>1.4表单控件（表单元素）input 输入表单元素select 下拉表单元素textarea 文本域元原创 2021-09-30 15:30:17 · 102 阅读 · 0 评论 -
前端学习笔记009---HTML列表标签
列表标签1.1无序标签ul 表示无序列表li 表示列表项无序列表中各个列表项之间没有顺序级别之分，是并列的。ul 中只能嵌套 li ，直接在ul标签中输入其他标签或者文字的做法是不被允许的。li 相当于一个容器，可以容纳所有元素。无序列表会带有自己的样式属性，但在实际的使用过程中，我们会使用CSS来设置。<ul> <li>列表项1</li> <li>列表项2</li> <li>列表原创 2021-09-30 10:40:06 · 109 阅读 · 0 评论 -
前端学习笔记---HTML案例---小说排行榜
<!DOCTYPE html><html lang="en"><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"> <title>Doc原创 2021-09-30 01:01:34 · 252 阅读 · 0 评论 -
前端学习笔记008---HTML表格标签
1.1表格的主要作用原创 2021-09-30 10:05:51 · 123 阅读 · 0 评论 -
前端学习007---HTML注释、特殊字符
HTML中的注释和特殊字符5.1注释（快捷键：Ctrl+/）在HTML文档中添加一些便于阅读和理解，但不需要显示在页面中的注释文字，就需要使用注释标签。注释写法<!-- -->5.2特殊字符记住等号、大于号、小于号...原创 2021-09-29 14:57:24 · 109 阅读 · 0 评论 -
前端学习笔记006---HTML超链接标签
HTML常用标签4.7超链接标签<a>（重点）在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。1.链接的语法格式<a href="跳转目标" target="目标窗口的弹出方式">文本或者图像</a>2.链接分类外部链接<a href="http://www.baidu.com">百度</a>内部链接网站内部页面直接的相互连接，直接连接内部网页名称即可。<a hr原创 2021-09-29 14:46:46 · 249 阅读 · 0 评论 -
前端学习笔记005---HTML文本格式化标签、＜div＞和＜span＞`标签、图像标签和路径
HTML常用标签4.4文本格式化标签在网页中，有时需要为文字设置粗体、斜体或者下划线等效果。标签语义：突出重要性，比普通文字更重要重点记住加粗和倾斜语义标签说明加粗<strong></strong>或者<b></b>推荐 <strong></strong>倾斜<em></em>或者 <i></i>推荐<em></em>原创 2021-09-28 21:07:18 · 135 阅读 · 0 评论 -
前端学习笔记004---HTML标题标签`＜h1＞ - ＜h6＞`、段落和换行标签
HTML常用标签4.1标题标签 - HTML提供了6个等级的网页标题即 - 标签语义：作为标题使用，并且依据重要性递减。特点：1.加了标题的文字会变得加粗，字号也会一次变大2.一个标题独占一行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&原创 2021-09-28 20:05:03 · 1032 阅读 · 0 评论 -
前端学习笔记003---标签介绍
VSCode工具生成骨架标签新增代码标签文档类型声明标签作用：告诉浏览器使用哪种HTML版本来显示网页。<!DOCTYPE html>当前页面采取的是HTML5版本来显示网页。tips：1. <!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前2. <!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。 lang语言<html lang="en">用来定义当前文档显示的语言。原创 2021-09-28 19:34:07 · 79 阅读 · 0 评论 -
前端学习笔记002---熟悉HTML
目标标签书写注意规范写出HTML骨架标签写出超链接标签写出图片标签并说出alt和title的区别说出相对路径的三种形势2.1HTML语言规范HTML标签是由尖括号包围的关键词HTML标签通常是成对出现的双标签：单标签：2.2标签关系包含关系``并列关系2.3HTML开发工具2.4HTML常用标签2.5HTML的注释和特殊字符...原创 2021-09-28 18:18:11 · 5164 阅读 · 0 评论 -
前端学习笔记001---什么是HTML
1.1网页的基本组成网页是构成网站的基本元素，通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.html或.html后缀结尾的文件，因此将其俗称为HTML文件。1.2什么是HTMLHTML超文本标记语言Hyper Text Markuo Language用来描述网页的一种语言。HTML不是一种编程语言而是一种标记语言标记语言是一套标记标签。所谓超文本，有两层含义：①它可以加入图片、声音、动画、多媒体等内容。（超越了文本限制）②它还可以从一个文件跳转到另原创 2021-09-28 16:08:42 · 89 阅读 · 0 评论