笔记
关注
分享
扫一扫
Blue_lan18
近期不冒泡
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS字体属性
CSS font属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。CSS使用font-family属性定义文本的字体系列，用font-size属性定义文本的字体大小，用font-weight属性定义文本的字体粗细，用font-style属性定义文本的字体样式。字体复合属性：字体复合属性可以把以上文字样式综合起来写，以节约代码。使用复合属性时，必须按语法格式中的顺序写，各个属性之间用空格隔开。必须保留font-size和font-family属性。例：<!DOCTYPE ht原创 2022-01-18 23:42:46 · 396 阅读 · 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.原创 2022-01-18 23:37:12 · 1249 阅读 · 0 评论 -
id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以#来定义。语法：每个html标签中的id属性只能被调用一次。id选择器一般用于页面唯一性的元素上，经常和JS搭配使用。...原创 2022-01-18 23:30:09 · 336 阅读 · 0 评论 -
基础选择器-类选择器
1.基础选择器-类选择器（开发最常用）：如果想要差异化选择不同的标签，单独选一个或者几个标签，可以使用类选择器。语法：结构需要用class属性来调用，在CSS中，类选择器以一个.号表示，后面紧跟我们自定义的类名。长名称或词组可以使用中横线来为选择器命名，不要使用纯数字、中文等命名，尽量使用英文字母来比表示。命名要有意义，尽量让别人一眼就知道该类名的意思。Web前端有一定的命名规范。例：<!DOCTYPE html><html lang="en"><h.原创 2022-01-18 23:28:35 · 7939 阅读 · 1 评论 -
基础选择器-标签选择器
基础选择器-标签选择器：标签选择器是指用HTML标签作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。优点是能快速为页面中同类型的标签 统一设置样式。缺点是不能设置差异化样式，只能选择全部的当前标签。语法：...原创 2022-01-18 23:18:19 · 386 阅读 · 0 评论 -
CSS选择器（选择符）
选择器（选择符）的作用就是根据不同需求把不同的标签选出来。选择器分为基础选择器和复合选择器。基础选择器是由单个选择器组成的。类选择器有包括：标签选择器、类选择器、id选择器、和通配符选择器。...原创 2022-01-18 23:16:25 · 553 阅读 · 0 评论 -
CSS简介
CSS是层叠样式表（ Cascading Style Sheets)）的简称，也可称为CSS样式表或级联样式表，它也是一门标记语言。CSS主要用于设置HYML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS由两个主要的部分组成：选择器及一条或多条声明。CSS最大价值：让HTML专注去做结构呈现，样式交给CSS，即结构与样式相分离。例：样式选择器、属性名、属性值关键字全部使用英文小写字母，特殊情况除外。属性值前面、原创 2022-01-18 23:15:15 · 188 阅读 · 0 评论 -
HTML表单标签
使用表单是为了收集用户信息。一个完整的表单通常由表单域、表单控件（表单元素）、提示信息三个部分组成。1.表单域：表单域就是指包含表单元素的区域。form标签用于定义表单域，form范围内的表单元素信息将提交给服务器。格式：<form action=""></form>2.表单控件（表单元素）：表单控件就是允许用户在表单中选择或输入的内容控件。格式：<input type="">input标签：input标签为单标签在input标签中，包含一个typ原创 2022-01-18 00:22:09 · 612 阅读 · 0 评论 -
表格标签-自定义列表
自定义列表常用于对术语或名词进行解释和描述，自定义列表的列表项之前没有任何项目符号。1.dl里只能包含dt和dd。2.经常是一个dt对应多个dd。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam原创 2022-01-18 00:00:32 · 506 阅读 · 0 评论 -
表单标签-有序列表
1.有序列表的各个列表项之间有顺序之分。2.ol中只能嵌套li，不允许有其他标签或文字。3.li标签里可以放任何元素。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2022-01-17 23:57:02 · 766 阅读 · 0 评论 -
列表标签-无序列表
无序列表是用来布局的，无序列表的各个列表项之间没有顺序之分，是并列的。ul中只能嵌套li，不允许有其他标签或文字。li标签里可以放任何元素。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view原创 2022-01-17 23:53:53 · 1857 阅读 · 0 评论 -
表格-合并单元格
可以把多个单元格合并为一个单元格。1.合并 单元格的方式：跨行合并：rowspan。跨列合并：colspan。2.目标单元格：跨行合并时最上侧单元格为目标单元格，写合并代码。跨列合并时最左侧单元格为目标单元格，写合并代码。3.合并单元格的步骤：先确定是跨行合并还是跨列合并。找到目标单元格，写合并代码，如rowspan="2"。删除多余的单元格。例：<!DOCTYPE html><html lang="en"><head>原创 2022-01-17 23:50:43 · 981 阅读 · 0 评论 -
表格标签的使用
1.表格的主要作用：表格主要用于显示数据。2.表格的基本语法：<table><tr><td></td></tr></table>3.表头单元格标签：一般表头单元格位于表格的第一行或第一列，里面的文本加粗居中显示。 th为table head的缩写。4.表格属性：这些属性要写到table标签里面，不过这些属性一般用CSS来设置。例：<!DOCTYPE html><html la原创 2022-01-17 00:20:04 · 320 阅读 · 0 评论 -
html中的字符标签
在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=dev原创 2022-01-17 00:11:40 · 464 阅读 · 0 评论 -
程序猿看的注释标签
为了后期自己查看或交流，有时需要在代码附近添加注释标签，注释标签里的文字不会显示到页面上，注释里的内容是写给程序猿看的。不过只需要在关键的地方添加注释即可。快捷键为ctrl+/。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-01-17 00:08:23 · 4509 阅读 · 0 评论 -
超链接标签
超链接标签 <a href="" ></a>，a为anchor的缩写，意为锚。href是必需属性，用于指定链接目标的ul地址。target用于指定链接页面的打开方式。1.外部链接，常用于打开网址等。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"原创 2022-01-17 00:06:45 · 360 阅读 · 0 评论 -
图像标签及相关属性
（代码都用一个例子来展现）1.图像标签<img>及相关属性,img为image的缩写。<img srg="图像url" />src是必需属性，它用于指定图像文件的路径和文件名。插入图像时应该将图像文件和html文件放在同一个文件夹下。属性不分先后顺序，不过要以空格分开，标签名和属性之间也要有空格。属性采用键值对的格式，即 属性="属性值"。2.目录文件夹和根目录为了方便寻找，我们的文件不能随便乱放，因此需要一个文件夹来管理它们。目录文件夹：在桌面上见到的普原创 2022-01-15 19:39:58 · 5826 阅读 · 0 评论 -
盒子模型div、span
div和span标签没有语义，相当于装内容的盒子。div为division的缩写，表示分区，span意为跨距。div和span都用于布局，一行只能放一个div，可以放多个span。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-01-15 19:31:07 · 491 阅读 · 0 评论 -
文本格式化标签
文本格式化标签可用于突出文字的重要性或特定作用。加粗：<strong></strong>或<b></b>，建议使用<strong>，语义更强烈。倾斜： <em></em>或<i></i>，建议使用<em>，语义更强烈。删除线： <del></del>或<s></s>，建议使用<del>，语义更强烈。下划线：<原创 2022-01-15 00:29:13 · 645 阅读 · 0 评论 -
段落标签、换行标签
换行标签<br />用于让文本换行，br为break的缩写。<br />是单标签。<br />标签换行时不产生间距。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na原创 2022-01-14 23:46:03 · 1382 阅读 · 0 评论 -
段落标签＜p＞＜/p＞
<p></p>标签用于定义段落，将网页（主要是文字部分）分为若干个段落，段落和段落之间有一定的空隙。p为pararaph的缩写。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2022-01-14 23:33:55 · 3564 阅读 · 0 评论 -
标题标签用法
标题标签可用于文章标题等，一共有六级标题标签，视情况灵活使用。<!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-原创 2022-01-14 23:22:39 · 218 阅读 · 0 评论 -
HTML相关概念
（来自W3C的概念，加工成自己能看得懂的文字）HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，注意它不是一种编程语言。标记语言是一套标记标签 ，HTML 使用标记标签来描述网页。HTML 标记标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html></html>。HTML 标签通常成对出现，标签对中的第一个标签是开始标签原创 2022-01-14 23:12:52 · 314 阅读 · 0 评论 -
我也有博客了耶
其实我写博客主要是方便自己以后查看，没有记录自己的成长历程真的不像学过。如果可以帮助路过的小伙伴，那也是美事一桩。也诚邀大家指出我的错误，如果还有建议那太太太太好啦！...原创 2022-01-14 22:38:10 · 166 阅读 · 0 评论 -
2022年小目标
1.学会并精通C语言2.学会并精通PS3.学会并精通前端语言原创 2022-01-13 10:45:00 · 185 阅读 · 0 评论