20210522-王博

工作日志

一.知识总结

1.视频(video使用方法和audio类似)

<video src=""></video>

src 源

controls 控件

poster 视频封面,如果不设置显示视频的第一帧

2.H5新增标签

<datalist>   下拉列表
<embed>   嵌入内容,比如插件
<mark>   定义带有记号的文本,默认为黄色
<marquee>  滚动文字

3.CSS(层叠样式表)

语法:selector{declaration 1;declaration 2;……;declaration N}

属性:selector {property: value;}

(使用大括号{}来声明)

用法;

(1)内联样式: style 属性(attribute)是属于 当前元素 的 (即当前标签的)。

(2)内部样式:通过style元素来嵌入CSS样式,建议将style元素放在head元素内部

<head>
    ...
    <style type="text/css">
    </style>
</head>

(3)外部样式表:。每个页面使用标签链接到样式表。标签在(文档的)头部

<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

样式优先级:内联样式 > 内部样式 和 外部样式 (内部样式和外部样式优先级取决于谁后生效【就近原则】),可以在属性值的后面添加 !important 提升样式的优先级

选择器:标签选择器、ID选择器、class选择器、属性选择器、子元素选择器、后代选择器、伪类、通配选择器、组合选择器。

(class属性的值是自定义的,可以有多个,多个用空格隔开——区分大小写)

(ID选择器——区分大小写)

(伪类:网页元素的各种状态

a:link未访问状态
a:visited:访问过后状态
a:hover:鼠标悬停状态
a:active:激活选定状态
注:定义顺序必须是此顺序)

:last-child 最后一个元素

:first-child 第一个元素

:nth-child(1) 第1个子元素

:before 在元素渲染之前

:after 在元素渲染之后

常用CSS属性:

元素尺寸:

(1)宽度: width : value ;

(2)高度:height : value

边框:

(1)四周边框粗细:border-width : width ;

(2) 四周边框风格: border-style : none | solid | double | dotted | ... ;

(3)四周边框颜色:border-color : color ;

批量设置四边边框的 粗细、风格、颜色 可以通过 border 属性来实现:border : width style color

注意: border 属性值的书写顺序:

  1. 粗细 ( width )
  2. 风格 ( style )
  3. 颜色 ( color )

顶部边框:

(1)顶部边框粗细:border-top-width : width ;

(2)顶部边框风格:border-top-style : none | solid | double | dotted | ... ;

(3)顶部边框颜色:border-top-color : color ;

依次设置顶部边框的 粗细、风格、颜色 可以通过 border-top 属性来实现:border-top : width style color

底部边框:border-bottom:width style color ;

左侧边框:border-left:width style color ;

右侧边框:border-right:width style color ;

圆角边框:border-radius:width;

二.心得体会

对于今天学习的内容还是有许多地方不是很理解,比如CSS的用法的内容理解的不是很到位,似懂非懂的样子,比较模糊,有时学习了后面的,前面学的脑子里还是比较模糊的。

三.疑问

对于CSS的用法理解的不是很清晰。

标签

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