【五月总结】【知识总结】
1 .设置字符颜色的颜色与设置元素背景颜色的背景颜色不同,前者需要更改字体颜色,后者需要更改元素的整个背景颜色。 这需要明确区分。
2 .写有2.style的属性时,最后加上分号,但在img标签上写很多属性时,不用分号分隔,直接使用空格即可。 另外,在style属性之后使用冒号。
在head标签中使用style设置属性优先级比在特定标签中设置相同的属性小(行内样式的优先级最高意味着属性写在标签内部比写在外部更高) )。
4 .写地址时,请注意区分相对位置和绝对位置。 (E:htmlimgbilibili.jpeg为绝对位置,img.bilibili.jpeg为相对位置)
对齐控制图像的顶部和底部,样式浮动控制图像的左侧和右侧
5. 关于相对路径和绝对路径:
相对路径:由此文件所在的路径引起的与其他文件(或文件夹)的路径关系。
如果要链接到同一目录,则只需输入链接文档的名称bilibili.jpeg
如果链接到下一级目录,则必须输入目录名称,后跟/,然后输入文件名: img/bilibili.jpeg
如果要连接到更高的目录,则必须输入. /,然后输入目录名称、文件名:…/img/bilibili.jpeg
绝对路径—包含相应协议或驱动器号的文件的完整路径。 也就是说,主页上的文件
目录是硬盘上真正的完整路径。 E:htmlimgbilibili.jpeg
6 .文本对齐:左对齐:图像左对齐
(loat ) left (照片是)文字)的左边
7 .元素用于对文档中的行内元素进行分组。
定义文档区域。 8 .内联元素、块元素都自动换行为inline。 块行中的块元素不会自动换行。 某些inline-block标签总是自动换行,无法按需要排列。 此时,设置display:inline-block可以解决很多这样的问题。 9? 如果标签类似于标题h1,则可以使用font-weight:normal消除粗体效果。 加载的图像可能会大于原始图像。 可以使用max-width属性解决此问题。 最大宽度: 100 % 10。 在轮播动画中隐藏导航栏的下拉菜单,可以在z索引中进行更改
不强制换行白色-空格:nowrap
动画过度属性:
传输属性过度的名称
过渡持续过度效应所需的时间
过渡计时过度效应的时间曲线
过渡延迟过度效应的开始时间
() )为
移动(x轴y轴)传输:传输(100px,100px );
120度旋转变换3360旋转(120度);
宽度和高度的倍数发生变化的transform 3360 scale (1,2 ) )。
x轴y轴倾斜50度Transform3360skew(50deg,50deg );
3D效果变化(x轴y轴)变换:旋转(120度); 变换:旋转(120度;
【动画】
轮播图像的做法:
a.animation :32 sdonghuainfinite; 自动播放32秒的动画
b.@keyframesdonghua(0-18% ) 32s )播放第一张图像
0%{transform3360translatex(0px ) }18-20% ) 32s )将第一个图转换为第二个图的过程
18 % { transform 3360 translate x (0px ) }
20 % { transform 3360 translate x (-1350 px ) }
38 % { transform 3360 translate x (-1350 px ) }
40 % { transform 3360 translate x (-2700 px ) }
58 % { transform 3360 translate x (-2700 px ) }
60 % { transform 3360 translate x (-4050 px ) }
78 % { transform 3360 translate x (-4050 px ) }
80 % { transform 3360 translate x (-5400 px ) }
100 % { transform 3360 translate x (-5400 px ) }
某div宽度设定为100%时
那两个子块不能排列在同一行中
-----------------width :改为某个px
【轮播图片】
所有未调整的浏览器都符合1em=16px
(px )绝对尺寸不能对显示器的画面分辨率应用一般的响应布局
em :相对尺寸。 当前对象中文本的字体大小。 如果行中文本的当前字体大小不是人工设置的,则相对于浏览器的默认字体大小。
1.em的值不一定。
2.em继承父元素的字体大小。
rem :相对大小,但相对的只有HTML根元素
为了简化字体大小的换算,必须在css的主体选择器(通用选择器)中声明字体大小=62.5 %。 这样,em值为16px*62.5%=10px,只需将10px=1em (即原始px值除以10 )