发表于: 2019-11-09 21:00:34

2 977


今天完成的事情:

完成了任务14的页面一bodyfooter部分,完成了小课堂PPTdemo制作。

一、任务14

1. flex布局+文本排列

justify-content: space-between情况下, 需要文本向左排列,完成方法在文本外套div盒子设置宽度,flex排列表现为 圆圈 div 箭头三者遵从justify-content排列。

2. box-shadow

注意若元素高度不够,box-shadow显示会有残缺。

3. 多项链接

尝试另一种解决方式。设5列为一组,以组为单位变化。

 

二、小课堂——css有哪些属性可以继承

1、字体系列属性

font-family:字体系列

font-weight:字体的粗细

font-size:字体的大小

font-style:字体的风格

font-variant:设置小型大写字母的字体显示文本,所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:对当前的文字进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height

 

2、文本系列属性

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:单词之间的间距

letter-spacing:中文或者字母之间的间距

direction:规定文本的书写方向

text-transform:控制文本大小写(就是uppercaselowercasecapitalize这三个)

color:文本颜色

3、元素可见性:

visibility:控制元素显示隐藏

4、表格布局属性:

caption-side:设置表格标题的位置。

border-collapse:设置是否将表格边框折叠为单一边框。

border-spacing:设置分隔单元格边框的距离。

empty-cells:设置是否显示表格中的空单元格。

table-layout:设置显示单元、行和列的算法。

5、列表布局属性:

list-style:列表风格,包括list-style-typelist-style-image

list-style:简写列表样式,用于把所有用于列表的属性设置于一个声明中。

list-style-type:修改用于列表项的标志类型。

list-style-image:对各标志使用一个图像。

list-style-position:可以确定标志出现在列表项内容之外还是内容内部。

6、光标属性:

cursor:光标显示为何种形态

7、生成内容属性:

quotes:设置嵌套引用的引号类型。

8、页面样式属性:

page:规定元素应该被显示的页面特定类型。

page-break-inside:设置在表格元素内部避免进行分页的分页行为。

windows:设置当元素内部发生分页时必须在页面顶部保留的最少行数。

orphans:设置当元素内部发生分页时必须在页面底部保留的最少行数。

9、声音样式属性:

speak:设置或检索声音是否给出。

speak-punctuation:设置或检索标点符号如何发音。

speak-numeral:设置或检索数字如何发音。

speak-header:设置或检索表格头与其后的一系列单元格发生多少次关系。

speech-rate:设置或检索发音速度。

volume:设置或检索音量。

voice-family:设置或检索当前声音类型。

pitch:设置或检索音高。

pitch-range:设置或检索声音的平滑程度。

stress:和pitch-range相似。设置或检索当前声音波形的最高峰值。

richness:设置或检索当前声音的音色。

azimuth:设置或检索当前声音的音场角度。

elevation:设置或检索当前声音的音源仰角。

 

 

所有元素可以继承的属性:

1、元素可见性:visibility       2、光标属性:cursor

内联元素可以继承的属性:

1、字体系列属性        2、除text-indenttext-align之外的文本系列属性

块级元素可以继承的属性:

1text-indenttext-align

 

明天计划的事情:

完成小课堂直播、上传、内容汇总编写等。

继续任务14

 

遇到的问题:

 

收获:

准备小课堂需要对每一个知识点反复推敲,特别是制作demo的时候,需要对比验证。



返回列表 返回列表
评论

    分享到