2021522–程帆帆

学习日志

一、知识总结

1、video视频标签

属性:

(1) src:源

(2)controls:控件

(3)muted:静音

(4)autoplay:自动播放

(5)poster:(视频封面,若不设置,显示第一帧)

(6)width:宽度

(7)height:高度

2、:定义下拉列表(可搜索)

3、:定义嵌入内容

4、:滚动(字幕:方向、速度)

5、css层叠样式表:是一种样式语言,用来描述HTML或XML

网页三要素:

①HTML结构 ②CSS样式 ③JavaScript行为

6、样式:

(1)内联样式(行内样式) style属性

(2)内部样式:用style元素嵌入css

(3)外部样式

页面引入外部样式css文件

​ ①real固定为stylesheet

​ ②herf地址

(4)@import导入

7、优先级:内联>内部和外部(优先级取决于谁后生效:就近原则)

8、选择器

(1)标记(标签)选择器:网页标签名与选择器同名,不分大小写

(2)class选择器 class属性的值是自定义的,可有多个,空格隔开,区分大小写

(3)属性选择器

​ ①attributeName 只要有同属性

​ ②attributeName~=value 属性值包含

​ ③ attributeName=value必须相同

(4) ID选择器(建议:id要唯一)

(5)伪类

​ ①link未访问 ②visited 访问后 ③hover 鼠标悬停,其他的html元素也有此状态

(6)后代选择器 (包含选择器)

​ 用空格隔开 空格即后代

(7)子元素选择器

​ `>所有子元素

(8)通用(配)选择器

​ *

(9)配合选择器(任意一个)

​ 逗号隔开标签

9、常用CSS属性

(1)元素尺寸

​ ①width 宽度 (px 百分比)

​ ②height 高度

(2)边框 四周边框 顶部边框 底部边框 圆角边框

(3)外边距

​ margin属性

(4)外边距折叠

二、心得体会

今天主要学习了css层叠样式表的语法、用法、选择器,常用的css属性、边框、外边距、外边距折叠等等,老师讲解内容细致,风趣幽默

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1