秃头少年小阮-CSDN博客

原创 CSS基础选择器（二）

CSS基础选择器（二）1.id选择器1.1id选择器的定义和调用方式在css中id选择器用"#"+“名称"来定义，这一点上和前面的类选择器的”."+"名称"很像。 <style> #green { color: green; } </style>id选择器用id="名称"来调用，这一点和前面的类选择器的调用方式也很像。 <div id="green">第一次调用</div&gt

2022-02-12 13:22:58 534

CSS基础选择器（一）1.什么是选择器选择器(选择符)就是根据不同需求把不同的标签选出来，即选择标签用的。<style> p { /*这里的"p"就是选择器选择了后面代码段中的<p>标签*/ color: yellow; font-size: 30px; }</style>如果把以上代码看作一个向量的话，选择器就起到了决定向量的方向，而后面的大括号内的属性就代表了向量的长度。2选择器有哪些选择器可以大致的分为两类：2

2022-02-09 21:24:14 626

原创 CSS-层叠样式表

CSS-层叠样式表1.作用：可以让页面看起来更加美观，格式更加有条理。2.简介CSS是层叠样式表(Cascading Style Sheets) 的简称，有时我们也会称之为CSS样式表或级联样式表。CSS也是一门标记语言。CSS主要用于设置HTML页面中的文本内容(字体、大小、对其方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS让我们的页面更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。3.CSS语法规范

2022-02-08 20:48:56 1100

原创 HTML案例之注册页面

HTML案例之注册页面经过前面的学习，我们已经学了很多的标签和语法了，HTML的学习即将告一段落，我们一起来做一个综合的练习：做一个简单的小说网站的注册页面。废话不多说，直接上代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-02-07 13:58:44 10611

原创表单标签之textarea标签

表单标签之textarea标签1.作用：在我们的表单中，如果需要用到超过一行的文本框时，我们就不能再使用text了，举个栗子：就像这个百度翻译的文本框，这里就用到了我们的textarea标签，我们检查一下这里的源码：可以看到这个文本框的源码中出现了textarea标签。2.语法：现在我们一起来看看textarea标签怎么用：<textarea rows="5" cols="70">请输入文本</textarea>结果：1.textarea是一个双标签，两个标

2022-02-07 11:11:38 3466

原创下拉列表(select标签)

下拉列表：select标签使用场景：在页面中，如果有多个选项让用户选择，使用select标签定义的下拉列表可以很有效的节约空间。受教育程度：<select> <option>小学</option> <option>初中</option> <option>高中</option> <option>大专</option> <option>本科<

2022-02-06 18:32:13 13917

原创表单中的label标签

label标签:1.label标签的作用首先我们看一组代码：性别:男<input type="radio" value="男" name="gender"> 女<input type="radio" value="女" name="gender"> 这是我们昨天写的代码，运行结果：然后我们再加上label标签：性别:<input type="radio" value="男" name="gender" id="nan"> <label for="na

2022-02-06 14:27:21 2582

原创 input标签的value、placeholder、name、checked和maxlength属性

input的其他属性在昨天的的文章中，主要介绍了input标签的type属性，今天就来讲讲其他的属性：1.value属性：value属性的属性值是用户自定义的，用来规定input元素的默认值，例如：用户名:<input type="text" value="请输入用户名">但是实际运用中对于用户名和密码等可以看见的value值我们这样操作就会使用户的体验不是很好，如上图，在输入用户名的文本框中，会出现"请输入用户名"的文本，用户还得自己删掉,所以我们现在使用更多的是placehol

2022-02-05 11:40:08 3750

原创 input之type属性

input标签中的type属性的属性值：input标签中包含一个type属性，根据不同的type属性值输入的字段有很多种形式的表现方式：<input type="text"> <input type="password"> <input type="checkbox"> <inp

2022-02-04 14:36:33 3559 1

原创 HTML的列表标签

2.列表标签作用：用来布局，让自己的页面看卡里更加有序，整齐。它作为布局会更加的自由和方便。根据使用情景不同，列表可以分为三类：无序列表、有序列表和自定义列表。2.1无序列表(重点)没有顺序排列的列表，列表项之间没有先后顺序。ul标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用li标签定义无序列表的基本语法格式如下：<h4>四大天王有哪些？</h4><ul>  <li

2022-02-03 10:50:16 486

原创 HTML表格之合并单元格

合并单元格(补充)合并单元格方式：1.跨行合并：rowspan=“合并单元格的个数”2.跨列合并：clospan=“合并单元格的个数”目标单元格:1.跨行：最上侧单元格为目标单元格，写合并代码2.跨列：最左侧单元格为目标单元格，写合并代码合并单元格三部曲：1.先确定是跨行还是跨列合并。2.找到目标单元格，写上合并方式=“合并的单元格数量”。例如：3.删除多余的单元格。初始表格<body> <table border="1" cellspacing="0" w

2022-02-02 13:44:00 21083 2

原创 HTML表格标签

1.html的表格标签1.1表格的作用表格主要用于显示、展示数据，它可以让数据显示的非常规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要，一个清爽简约的表格能够把繁杂的书表现的十分有条理。1.2表格的基本语法<table> <tr> <td>单元格里面的文本</td> ... </tr> ...</table><!--1.<tab

2022-01-30 13:36:29 459

原创 HTML中的注释和常用特殊字符

HTML中的注释和特殊字符1.注释如果需要在HTML文档中添加一些便于阅读和理解但是又不需要显示在页面中的注释文字，就需要用到注释标签。HTML中的注释用法注释的快捷键：鼠标点击想要注释的一行然后 Ctrl + /可以添加注释，再按一次可以取消注释2.常用特殊字符在HTML页面中，一些特殊符号很难或者不方便使用，此时我们就可以使用以下字符来代替。空格符：  大于号">"：> 小于号"<"：&lt

2022-01-29 20:41:10 631

原创 HTML常用的标签：

常用的标签：1.标题标签h1-h6(重要)为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的网页标题，即h1-h6。<h1>这是一级标题</h1>单词head的缩写，意为头部，标题。标签语义：作为标题使用，并且根据重要性递减。 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这

2022-01-29 12:39:20 2145 1

原创 HTML常用的的超链接标签：a

HTML常用的的超链接标签：a在HTML标签中，超链接标签用a定义，作用是从一个页面到另一个页面。1.超链接的语法规范<a href="http://www.baidu.com" target="_blank">百度的链接</ a>其中a是anchor的缩写，中文意思是：锚其中href用于指定目标页面的url地址**(不可省略)**，标签拥有href属性时，才有了超链接功能。target用于指定目标页面的打开方式，可在引号""中输入_self为在当前页面中打开，输入_b

2022-01-28 19:22:33 1720

原创 HTML常用的的超链接标签：

HTML常用的的超链接标签：在HTML标签中，超链接标签用定义，作用是从一个页面到另一个页面。1.超链接的语法规范<a href="http://www.baidu.com" target="_blank">百度的链接</ a>其中a是anchor的缩写，中文意思是：锚其中href用于指定目标页面的url地址**(不可省略)**，标签拥有href属性时，才有了超链接功能。target用于指定目标页面的打开方式，可在引号""中输入_self为在当前页面中打开，输入_bla

2022-01-28 19:19:23 5095 1

原创 Win11下载安装以及使用VisualStudio Code保姆级教程

1.下载VisualStudio Code下载地址https://code.visualstudio.com/根据自己电脑系统下载对应的版本，我这里下载的是Window版本点击这个Download for Windows会弹出以下界面下载速度可能会比较慢挂上“科学”就是正常速度2.安装教程打开文件，同意协议：选择一个自己的文件夹，然后下一步：下一步：然后勾选在桌面创建快捷方式，下一步：然后安装：完成：3.汉化以及新建程序：打开code，按住Ctrl+Shift+

2022-01-27 13:34:42 3351

原创网络安全相关法律：

网络安全相关法律：《中华人民共和国宪法》第二章第四十条中华人民共和国公民的通信自由和通信秘密受法律的保护。除因国家安全或者追查刑事犯罪的需要，由公安机关或者检察机关依照法律规定的程序对通信进行检查外，任何组织或者个人不得以任何理由侵犯公民的通信自由和通信秘密。链接：http://www.npc.gov.cn/npc/c505/201803/e87e5cd7c1ce46ef866f4ec8e2d709ea.shtml《中华人民共和国网络安全法》全文链接：http://www.gov.cn/xi

2021-11-06 18:33:08 252

原创网络安全事件分类：

网络安全事件分类：有害程序事件：计算机病毒、蠕虫、特洛伊木马、僵尸网络、混合攻击程序和网页内嵌恶意代码等。网络攻击事件：分布式拒绝访问攻击、后门攻击、漏洞攻击、网络钓鱼和干扰事件等。信息破坏事件：信息篡改、信息假冒、信息泄露、信息窃取和信息丢失等。信息内容安全事件：敏感的舆论热点炒作信息事件、违法信息事件和串联煽动集会游行信息事件等。设备设施故障事件：软硬件自身故障、外为保障设施故障和人为破坏事故等。除此之外，还有灾害性事件和其他网络安全事件。...

2021-11-04 16:35:55 2099

原创信息安全三要素(CIA)：

信息安全要素(CIA)：即机密性(Confidentiality)完整性(Intergrity)可用性(Availability) 1.机密性：机密性是指保证信息不被非授权访问，即使非授权用户得到信息也无法知晓信息内容，因而不能使用。他的任务是确保信息不会被未授权用户访问，通常是通过访问控制阻止非授权用户获得机密信息，通过加密变换阻止非授权用户获知信息内容。 2.完整性：完整性是指维护信息的一致性，即信息在生成、传输、存储和使用过程中不应该发生人为或非人为的非授权篡改。信息的完整性包括两个方面

2021-11-03 20:18:52 15594 1

rihjyy的博客