DESKTOP-ESEP4D3_20210522-马兰

日志

一,知识总结

1,H5的新增标签

<datalist>  定义下拉列表
<embed>  标签定义嵌入的内容
<nav>  导航 在H4中导航栏一般用ul-li标签,H5中可以直接用 <nav> 标签
<figure> 和 <figcaption> : <figure> 为父元素,用于图片的外层,
其子元素
<figcaption> 用来对内容进行说明。
<hgroup> 页面上得一个标题组合(一个标题和一个子标题)
<details> 标签,用于描述文档或文档某个部分的细节。
<mark> 标签,定义带有记号的文本。
<marquee> 滚动文字 

2,CSS (层叠样式表)

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

内部样式(也称行内样式):就是在 HTML 文档中,通过 style 元素来嵌入CSS样式。

通常建议将 style 元素 添加到 head 元素内部。

rel固定值为 stylesheet

href为外部CSS文件的位置

@import 引入或导入,一般用于外部样式表中使用。(内部样式和外部样式优先级取决于谁后生效【就近原则】,不绝对)

3,选择器

常用的选择器类型:

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

(1)标记选择器(标签选择器)

特点:选择页面上所有匹配于该 tagName 的元素,不区分大小写。

(2)class选择器(class 选择符)

特点:值是自定义的,可以有多个,多个之间用空格隔开。

(3)属性选择器(属性选择符)

特点:根据 HTML 元素的属性来选择相应的元素,显式声明。

(4)id选择器

特点:选择页面上 id 属性(attribute)中 等于 指定值的元素,尽量保证标签的唯一性。

4,常见的伪类样式

元素 作用
link 来访问时
visited 访问过后
hover 鼠标悬停,其他的html元素也有此状态
active 激活时
last-child 最后一个元素
first-child 第一个元素
nth-child 第一个子元素
before 在元素渲染之前
after 在元素渲染之后

5,常用的CSS属性

(1)元素尺寸

目前有width和heigth

(2)边框的样式

dashed 双虚线
solid 实线
double 双线
groove 带边框效果

(3)边框的颜色(border-color)

(4)四周边框

​ 顶部边框的书写顺序:

​ 粗细(width) 风格(style) 颜色(color)

(5)圆角边框(border-color)

(6)外边距

​ margin属性设置外边距

​ 设置四周外边距的顺序:上右下左(顺时针)

二,心得体会

​ 昨天晚上的作业我有很多的问题,但今天早上老师把题分析讲解了一遍,使我昨天晚上遗留的许多问题都豁然开朗,这使我很高兴,也很感谢老师。但今天上的内容虽然不多,但我还是有很多地方都搞不清楚还说不出来,一不注意就跑神了。

定义下拉列表

标签

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