Blue_lan18-CSDN博客

CSS font属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。CSS使用font-family属性定义文本的字体系列，用font-size属性定义文本的字体大小，用font-weight属性定义文本的字体粗细，用font-style属性定义文本的字体样式。字体复合属性：字体复合属性可以把以上文字样式综合起来写，以节约代码。使用复合属性时，必须按语法格式中的顺序写，各个属性之间用空格隔开。必须保留font-size和font-family属性。例：<!DOCTYPE ht

2022-01-18 23:42:46 329

原创通配符选择器

在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 1175

原创 id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以#来定义。语法：每个html标签中的id属性只能被调用一次。id选择器一般用于页面唯一性的元素上，经常和JS搭配使用。...

2022-01-18 23:30:09 282

原创基础选择器-类选择器

1.基础选择器-类选择器（开发最常用）：如果想要差异化选择不同的标签，单独选一个或者几个标签，可以使用类选择器。语法：结构需要用class属性来调用，在CSS中，类选择器以一个.号表示，后面紧跟我们自定义的类名。长名称或词组可以使用中横线来为选择器命名，不要使用纯数字、中文等命名，尽量使用英文字母来比表示。命名要有意义，尽量让别人一眼就知道该类名的意思。Web前端有一定的命名规范。例：<!DOCTYPE html><html lang="en"><h.

2022-01-18 23:28:35 7447 1

原创基础选择器-标签选择器

基础选择器-标签选择器：标签选择器是指用HTML标签作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。优点是能快速为页面中同类型的标签统一设置样式。缺点是不能设置差异化样式，只能选择全部的当前标签。语法：...

2022-01-18 23:18:19 324

原创 CSS选择器（选择符）

选择器（选择符）的作用就是根据不同需求把不同的标签选出来。选择器分为基础选择器和复合选择器。基础选择器是由单个选择器组成的。类选择器有包括：标签选择器、类选择器、id选择器、和通配符选择器。...

2022-01-18 23:16:25 466

原创 CSS简介

CSS是层叠样式表（ Cascading Style Sheets)）的简称，也可称为CSS样式表或级联样式表，它也是一门标记语言。CSS主要用于设置HYML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS由两个主要的部分组成：选择器及一条或多条声明。CSS最大价值：让HTML专注去做结构呈现，样式交给CSS，即结构与样式相分离。例：样式选择器、属性名、属性值关键字全部使用英文小写字母，特殊情况除外。属性值前面、

2022-01-18 23:15:15 117

原创 HTML表单标签

使用表单是为了收集用户信息。一个完整的表单通常由表单域、表单控件（表单元素）、提示信息三个部分组成。1.表单域：表单域就是指包含表单元素的区域。form标签用于定义表单域，form范围内的表单元素信息将提交给服务器。格式：<form action=""></form>2.表单控件（表单元素）：表单控件就是允许用户在表单中选择或输入的内容控件。格式：<input type="">input标签：input标签为单标签在input标签中，包含一个typ

2022-01-18 00:22:09 507

原创表格标签-自定义列表

自定义列表常用于对术语或名词进行解释和描述，自定义列表的列表项之前没有任何项目符号。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 445

原创表单标签-有序列表

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 707

原创列表标签-无序列表

无序列表是用来布局的，无序列表的各个列表项之间没有顺序之分，是并列的。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 1679

原创表格-合并单元格

可以把多个单元格合并为一个单元格。1.合并单元格的方式：跨行合并：rowspan。跨列合并：colspan。2.目标单元格：跨行合并时最上侧单元格为目标单元格，写合并代码。跨列合并时最左侧单元格为目标单元格，写合并代码。3.合并单元格的步骤：先确定是跨行合并还是跨列合并。找到目标单元格，写合并代码，如rowspan="2"。删除多余的单元格。例：<!DOCTYPE html><html lang="en"><head>

2022-01-17 23:50:43 658

原创表格标签的使用

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 228

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

原创程序猿看的注释标签

为了后期自己查看或交流，有时需要在代码附近添加注释标签，注释标签里的文字不会显示到页面上，注释里的内容是写给程序猿看的。不过只需要在关键的地方添加注释即可。快捷键为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 4438

原创超链接标签

超链接标签 <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 265

原创图像标签及相关属性

（代码都用一个例子来展现）1.图像标签<img>及相关属性,img为image的缩写。<img srg="图像url" />src是必需属性，它用于指定图像文件的路径和文件名。插入图像时应该将图像文件和html文件放在同一个文件夹下。属性不分先后顺序，不过要以空格分开，标签名和属性之间也要有空格。属性采用键值对的格式，即属性="属性值"。2.目录文件夹和根目录为了方便寻找，我们的文件不能随便乱放，因此需要一个文件夹来管理它们。目录文件夹：在桌面上见到的普

2022-01-15 19:39:58 5228

原创盒子模型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 406

原创文本格式化标签

文本格式化标签可用于突出文字的重要性或特定作用。加粗：<strong></strong>或<b></b>，建议使用<strong>，语义更强烈。倾斜： <em></em>或<i></i>，建议使用<em>，语义更强烈。删除线： <del></del>或<s></s>，建议使用<del>，语义更强烈。下划线：<

2022-01-15 00:29:13 573

原创段落标签、换行标签

换行标签<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 1268

原创段落标签＜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 3397

原创标题标签用法

标题标签可用于文章标题等，一共有六级标题标签，视情况灵活使用。<!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 156

原创 HTML相关概念

（来自W3C的概念，加工成自己能看得懂的文字）HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，注意它不是一种编程语言。标记语言是一套标记标签，HTML 使用标记标签来描述网页。HTML 标记标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html></html>。HTML 标签通常成对出现，标签对中的第一个标签是开始标签

2022-01-14 23:12:52 258

空空如也

空空如也