摘要：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>用户登 阅读全文
posted @ 2021-09-30 18:30
映辉
阅读(241)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-09-30 18:14
映辉
阅读(69)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-09-30 18:06
映辉
阅读(43)
评论(0)
推荐(0)
摘要：
@keyframes 规则 要创建 CSS 动画，您首先需要了解 @keyframes 规则，@keyframes 规则用来定义动画各个阶段的属性值，类似于 flash 动画中的关键帧，语法格式如下： @keyframes animationName { from { properties: val 阅读全文
posted @ 2021-09-30 17:20
映辉
阅读(59)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <style> p.one { text-shadow: 3px 5px 5px #FF0000; } p.two { color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 阅读全文
posted @ 2021-09-30 17:05
映辉
阅读(42)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <style> div { width: 210px; height: 50px; float: left; margin: 10px; } .one { background: linear-gradient(to right botto 阅读全文
posted @ 2021-09-30 17:03
映辉
阅读(140)
评论(0)
推荐(0)
摘要：
例子1： <!DOCTYPE html> <html lang="en"> <head> <style> div { width: 350px; height: 100px; padding: 15px 0px 0px 25px; } .one { border-top-left-radius: 2 阅读全文
posted @ 2021-09-30 16:56
映辉
阅读(46)
评论(0)
推荐(0)
摘要：
CSS 中提供了一个 opacity 属性用来设置元素的透明度，它不仅对颜色有效，对图像或者页面中其它的元素也有效。 其语法格式如下： opacity: number; 其中 number 为一个 0~1 之间的浮点数（小数），用来表示元素的透明度，值越小则越透明（0 表示完全透明，1 表示完全不透 阅读全文
posted @ 2021-09-30 16:49
映辉
阅读(576)
评论(0)
推荐(0)
摘要：
在浏览网页的过程中，当我们将鼠标移动到一些元素上时，鼠标的样式会发生相应的改变，例如当鼠标指向文本时，鼠标的样式会变成类似大写字母I的样子；当鼠标指向链接时，鼠标会变成一个小手的形状等。 除了这些默认的变化外，您还可以通过 CSS 中的 cursor 属性来改变网页中鼠标（光标）的样式，下表中列举了 阅读全文
posted @ 2021-09-30 16:43
映辉
阅读(971)
评论(0)
推荐(0)
摘要：
就像photoshop中的图层功能会把一整张图片分层一个个图层一样，网页布局中的每一个元素也可以看成是一个个类似图层的层模型。层布局模型就是把网页中的每一个元素看成是一层一层的，然后通过定位属性position对元素进行定位摆放，最终实现网页的布局。 定位属性position有4个值，分别是静态定位 阅读全文
posted @ 2021-09-30 15:50
映辉
阅读(482)
评论(0)
推荐(0)
摘要：
流动布局 流动模型（Flow），即文档流，浏览器打开HTML网页时，从上往下，从左往右，逐一加载。 在正常情况下，HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征： ① 块状元素会随着浏览器读取文档的顺序，自上而下垂直分布，一行一个的形式占据页面位置。 ② 行内元素会随着浏览器区队文档 阅读全文
posted @ 2021-09-30 15:45
映辉
阅读(267)
评论(0)
推荐(0)
摘要：
盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子，这些盒子由元素的content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。 padding（内边距及其缩写） 内边距，也叫“内补白”，表示页面 阅读全文
posted @ 2021-09-30 15:39
映辉
阅读(83)
评论(0)
推荐(0)
摘要：
display可以指定元素的显示模式，它可以把行内元素修改成块状元素，也可以把别的模式的元素改成行内元素。diisplay常用的值有四个。 语法： /* display: block; // 声明当前元素的显示模式为块状元素 display: inline; // 声明当前元素的显示模式为行内元素 阅读全文
posted @ 2021-09-30 15:33
映辉
阅读(183)
评论(0)
推荐(0)
摘要：
CSS中提供了一些列表属性可以用来： (1)、设置不同的列表项标记为有序列表 (2)、设置不同的列表项标记为无序列表 (3)、设置列表项标记为图像 list-style-type（系统提供的列表项目符号） list-style-image（自定义的列表项目符号） 阅读全文
posted @ 2021-09-30 15:32
映辉
阅读(241)
评论(0)
推荐(0)
摘要：
1、border-style（边框风格） 定义边框的风格，值可以有： /* none：没有边框，当border的值为none的时候，系统将会忽略[border-color] hidden：隐藏边框，低版本浏览器不支持。 dotted：点状边框。 dashed：虚线边框。 solid：实线边框。 do 阅读全文
posted @ 2021-09-30 15:30
映辉
阅读(893)
评论(0)
推荐(0)
摘要：
1、background-color（背景颜色） 页面的背景颜色有四种属性值表示，分别是transparent（透明），RGB十进制颜色表示，十六进制颜色表示和颜色单词表示。 属性使用： /* background-color: transparent; // 透明 background-color 阅读全文
posted @ 2021-09-30 15:14
映辉
阅读(675)
评论(0)
推荐(0)
摘要：
1、font-style（字体样式风格） /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ 2、font-weight（字体粗细） /* 阅读全文
posted @ 2021-09-30 15:02
映辉
阅读(375)
评论(0)
推荐(0)
摘要：
所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style="" 1000； 2 统计选择符中的ID属 阅读全文
posted @ 2021-09-30 13:46
映辉
阅读(149)
评论(0)
推荐(0)
摘要：
CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。 在上图中，可以看到，body的子元素有三个，h1、p 阅读全文
posted @ 2021-09-30 13:43
映辉
阅读(346)
评论(0)
推荐(0)
摘要：
1、anchor伪类：专用于控制链接的显示效果 :linka:link选择所有未被访问的链接。 :visited a:visited 选择所有已被访问的链接。 :active a:active 选择活动链接。 :hover a:hover 选择鼠标指针位于其上的链接。 例子： <style> a:l 阅读全文
posted @ 2021-09-30 13:40
映辉
阅读(322)
评论(0)
推荐(0)
摘要：
E[att] 匹配所有具有att属性的E元素，不考虑它的值。（注意：E在此处可以省略。 比如“[cheacked]”。以下同。） p[title] { color:#f00; } E[att=val] 匹配所有att属性等于“val”的E元素 div[class=”error”] { color:# 阅读全文
posted @ 2021-09-30 13:30
映辉
阅读(57)
评论(0)
推荐(0)
摘要：
1、后代选择器（包括儿子和孙子） .c1 .c2{ color: red; } 2、子代选择器（只选择儿子） .c3 > .c5{ color: red; } 3、与选择器 选择p标签下面的.c1的标签： p.c1{ color: red; } 4、或选择器（同时选择） p.c1,#i1{ colo 阅读全文
posted @ 2021-09-30 13:27
映辉
阅读(135)
评论(0)
推荐(0)
摘要：
例子： <head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ color: red; } .c1{ color: red; } .c2{ font-size: 32px; } </style> </head> 阅读全文
posted @ 2021-09-30 13:04
映辉
阅读(43)
评论(0)
推荐(0)
摘要：
1、行内式 <div style="color: white;background-color: #369;text-align: center">行内设置</div> 2、嵌入式 <html lang="en-US"> <head> <title>锚点的使用</title> <meta chars 阅读全文
posted @ 2021-09-30 13:01
映辉
阅读(38)
评论(0)
推荐(0)
摘要：
文件上传是网站中一种常见的功能。例如百度网盘、QQ 邮箱以及有道云笔记都可以实现文件的上传。在 HTML 中，把 <input> 标签的 type 属性设置为 file 就可以实现上传文件的功能，又叫做文件上传域。 具体语法格式如下： <input type="file" /> 例子： <form 阅读全文
posted @ 2021-09-30 12:27
映辉
阅读(433)
评论(0)
推荐(0)
摘要：
在 HTML 中，使用 <textarea> 标签来表示多行文本框，又叫做文本域。与其它 <input> 标签不同，<textarea> 标签是单闭合标签，它包含起始标签和结束标签，文本内容需要写在两个标签中间。具体语法格式如下： <textarea>文本内容</textarea> 例子： <for 阅读全文
posted @ 2021-09-30 12:21
映辉
阅读(2957)
评论(0)
推荐(0)
摘要：
select的基本语法： <select> <option></option> </select> 例子： <p>籍贯： <select name="province" id="" multiple size="2"> <option value="">广东省</option> <option va 阅读全文
posted @ 2021-09-30 12:13
映辉
阅读(1330)
评论(0)
推荐(0)
摘要：
在 HTML 中，把 <input> 标签中的 type 属性设置为 checkbox 可以实现多选框的效果。具体语法格式如下： <input type="checkbox" /> 属性： 1、checked属性 checked 属性用来设置页面加载时复选框的选中状态。当属性值为“checked”时 阅读全文
posted @ 2021-09-30 11:58
映辉
阅读(7673)
评论(0)
推荐(0)
摘要：
在 HTML 中，把 <input> 标签的 type 属性设置为 radio 可以表示单选按钮。具体语法格式如下： <input type="radio" /> 例子： <form action="http://vip.biancheng.net/login.php" method="post" 阅读全文
posted @ 2021-09-30 11:51
映辉
阅读(6420)
评论(0)
推荐(0)
摘要：
在 HTML 中，把 <input> 标签的 type 属性设置为 password 可以表示密码框。具体语法格式如下： <input type="password" /> 例子：密码框输入的字符不可见，会被 “点”代替。 <form action="http://vip.biancheng.net 阅读全文
posted @ 2021-09-30 11:41
映辉
阅读(3268)
评论(0)
推荐(0)
摘要：
在 HTML 中，把 <input> 标签的 type 属性设置为 text 可以表示单行文本框，又叫做常规文本框。具体语法格式如下： <input type="text" /> 例子： <form action="http://vip.biancheng.net/login.php" method 阅读全文
posted @ 2021-09-30 11:35
映辉
阅读(1519)
评论(0)
推荐(0)
摘要：
很多表单元素都是由一个个的 input 元素组成的。它是自闭合标签，根据其 type 属性值的不同分为很多种，例如单行文本框、密码框、单选按钮、复选框、隐藏域、文件上传域、普通按钮、提交按钮以及重置按钮等。 —— input标签的基本格式为： <input type="表单类型" /> type 常 阅读全文
posted @ 2021-09-30 11:14
映辉
阅读(1022)
评论(0)
推荐(0)
摘要：
表单主要是用来收集客户端提供的相关信息，提供了用户数据录入的方式，有多选、单选、单行文本、下拉列表等输入框，便于网站管理员收集用户的数据，是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁. 表单被form标签包含，内部使用不同的表单元素来呈现不同的方式来供用户输入或选择。当用户输入好数据 阅读全文
posted @ 2021-09-30 11:08
映辉
阅读(625)
评论(0)
推荐(0)
摘要：
一、table表格的完整写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> </head> <body> <!-- 一个table表格 --> <table> <!-- 表头部分thead --> 阅读全文
posted @ 2021-09-30 10:42
映辉
阅读(505)
评论(0)
推荐(0)
摘要：
1、无序列表 <ul type="square"> <li>item1</li> <li>item2</li> <li>item3</li> </ul> 2、有序列表 <ol start="100"> <li>item1</li> <li>item2</li> <li>item3</li> </ol 阅读全文
posted @ 2021-09-30 10:19
映辉
阅读(80)
评论(0)
推荐(0)
摘要：
在HTML中，图像由标签定义的，它可以用来加载图片到html网页中显示。网页开发过程中，有三种图片格式被广泛应用到web里，分别是 jpg、png、gif。 img标签的属性： /* src属性： 指定图像的URL地址，是英文source的简写，表示引入资源。 src的值可以是本地计算机存储的图片的 阅读全文
posted @ 2021-09-30 10:11
映辉
阅读(1115)
评论(0)
推荐(0)
摘要：
一、超链接标签的基本使用 超链接是浏览者和服务器的交互的主要手段，也叫超级链接或a链接，是网页中指向一个目标的连接关系，这个目标可以是网页、网页中的具体位置、图片、邮件地址、文件、应用程序等。 超链接是网页中最重要的元素之一。一个网站的各个网页就是通过超链接关联起来的，用户通过点击超链接可以从一个网 阅读全文
posted @ 2021-09-30 10:09
映辉
阅读(3278)
评论(0)
推荐(0)
摘要：
块级标签(block) – 独占一行 内联标签(inline) – 按文本内容占位 div标签和span标签 <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现. <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现 提示：块级元素 阅读全文
posted @ 2021-09-30 10:05
映辉
阅读(270)
评论(0)
推荐(0)
摘要：
1、标题标签 <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> 2、段落标签 <p>大家好，我是段落1。</p> <p>大家好，我是段落2。</p> <p>大家好，我是段落3。</p> 3、换行 阅读全文
posted @ 2021-09-30 10:02
映辉
阅读(54)
评论(0)
推荐(0)
摘要：
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名> <标签名 属性1=“属性值1” 属性2=“属性值2”…… /> 1、HTML标签是由尖括号包围的特定关键词 2、标签分为闭合和自闭合两种标签 3、HTML不区分大小写 4、标签可以有若干个属性,也可以不带属性,比如就不带 阅读全文
posted @ 2021-09-30 09:51
映辉
阅读(56)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 1、<!DOCTYPE html> 告诉浏览器使用什么样的html或者 阅读全文
posted @ 2021-09-30 09:50
映辉
阅读(143)
评论(0)
推荐(0)
浙公网安备 33010602011771号