02 2021 档案
摘要：css的背景设置 1、用background-color设置背景色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body{ background-color: red; } </style> </head> <body>
阅读全文
摘要：css的颜色表达 css支持RGB、HEX、HSL、RGBA、HSLA这五种方式来表现颜色。 1、RGB RGB是按三原色红绿蓝来进行配比的，单项颜色的取值范围为0~255. 2、HEX HEX就是将RGB三原色的值转换成16进制，再在前面加上#号。 3、HSL HSL是由色相（Hue）、饱和度（S
阅读全文
摘要：四、伪类选择器 1、动态伪类选择器 动态伪类选择器会根据条件的改变来匹配元素 :link、:visted、:hover、:active 这四个动态伪类选择器一般用在a元素上，分别对应a元素的链接的四个状态： :link：对应链接未被访问的时候 :visted：对应链接被访问的时候 :hover：对应
阅读全文
摘要：css选择器 css选择器有5个大类： 基本选择器 复合选择器 伪类选择器 伪元素选择器 属性选择器 接下来具体介绍各个选择器： 一、基本选择器 1、 通用选择器 通用选择器能够匹配所有的元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
阅读全文
摘要：css基本语法： css的语法主要由两个部分构成： 选择器 选择器对应的一个或多个样式声明 选择器就是指定将要被设置样式的html元素，声明部分需要用大括号包裹起来，每个样式声明包含一个css样式属性以及该属性对应的值，两者以冒号分割；不同样式声明之间使用分号来进行隔开。 在网页中插入css样式表：
阅读全文
摘要：嵌入另一个网页：iframe元素 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <p>你在等什么？？？？？？？？？？？</p> <iframe src="https://www.baidu.com" width="108
阅读全文
摘要：在网页中嵌入音频： 用audio元素 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <audio src="img/e.mp3" controls> 非常抱歉 </audio> </body> </html> track
阅读全文
摘要：在网页中嵌入视频： 用video 播放控件： 加入controls属性 自动播放： 加入autoplay属性，chrome浏览器并不会自动播放，但静音后可以自动播放 静音播放： 加入muted属性 <!DOCTYPE> <html> <head> <meta charset="utf-8"> </h
阅读全文
摘要：map和area元素 首先用img加载一张图片，再img里用usemap和map相关联，然后map里指定是什么形状，然后跳转到什么网址，下面具体说下shape： 圆形：shape=circle，圆形的话提供圆心坐标和半径, 多边形：shape=poly，然后按顺时针方向提供坐标 矩形：shape=r
阅读全文
摘要：html5提供的新语义元素 header：定义简介形式的内容 nav：定义页面主导航功能 main：定义主内容，主内容中可以有各种子内容区段。 article：定义独立的文章内容，与页面其他部分无关 section：定义文档中的节，与article类似，但section更适用于组织页面使其按功能分块
阅读全文
摘要：输出计算结果：output <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <form oninput="x.value=parseInt(a.value)+parseInt(b.value)" method="post"
阅读全文
摘要：submit、button、reset： <!DOCTYPE> <html> <head> <meta charset="utf-8"> </head> <body> <form> 名字： <input type="text" ><br><br> 邮箱： <input type="text" ><b
阅读全文
