首页 > 技术文章 > 表单类型、多媒体与CSS初识

zbh1 2021-11-21 17:48 原文

表单的input输入类型:

(1)、email     自动验证email域的值是否合理有效

(2)、url          自动验证输入的网址格式(必须以http://或https://)

(3)、number    只能输入数字

(4)、search      搜索框(自带一键删除的功能)

(5)、range       滑动条 (可以设置值用max和min)

(6)、color         选色框

(7)、time          选择几点几分

(8)、data          定义一个时间选择器  年月日

(9)、month        年月

(10)、week        周和年

多媒体:

必须设置  controls这个属性,否则不能播放

(1)、audio(音频)         

<audio src="地址" controls></audio>

HTML5中新属性:

1.  loop    :单曲循环

2.  muted :静音播放

 

(2)、video(视频)

<video src="地址"  controls></video>

HTML5中的新属性:

(高度和宽度只设置一个时,视频会等比例缩放)

1.   height   :   播放器高度

2.   width     :播放器宽度

3.   loop      :循环播放

4.   muted    : 静音

5.   poster     :视频第一帧的图片 

6.   autopaly  :自动播放

 

 

CSS初识:

CSS网页美容师

CSS的最大贡献就是: 让 HTML 从样式中解脱苦海, 实现了 HTML 专注去做 结构呈现。

1. 样式表

(1)内部样式表

(2)行内样式表

(3)外部样式表   (通过link 标签将外部样式表文件链接到HTML文档中)

  <head>

  <link href="CSS文件路径"  rel="stylesheet">

  </head>

2.CSS字体属性

(1)、font-size   :字号大小

(2)、font-family  :字体

(3)、font-weigh  :字体粗细

(4)、font-style    :字体风格

  属性:italic(斜体) oblique:(倾斜的字体)

3.CSS外观属性

(1)、color   :文本颜色

三种取值方式:英文,十六进制,rgb代码

(2)、line-height (行高)

(4)、text-indent   首行缩进(一般2em)(3)、text-align  水平对齐方式

(5)、text-decoration   文本的装饰

描述
none 默认。定义标准的文本
underline 定义文本下的一条线。下划线 也是我们链接自带的
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线

(6)、letter-spacing     文字间距

 

推荐阅读