青岛海发集团

网站介绍

这是一个包含多种样式类的网站，主要用于展示不同元素的布局和尺寸。以下是各个样式类的功能和作用：

.video-js

该样式类用于设置视频播放器的宽度和高度。在这个例子中，宽度为300px,高度为150px。

{ width: 300px; height: 150px; }  

.vjs-fluid

该样式类用于设置具有百分比宽度的容器的内边距。在这个例子中，内边距设置为容器高度的56.25%。

{ padding-top: 56.25%; }  

.example_video_1-dimensions

该样式类用于设置视频播放器的尺寸。在这个例子中，宽度为400px,高度为320px。同时，使用.vjs-fluid样式类来设置具有百分比宽度的容器的内边距。

{ width: 400px; height: 320px; }  
{ padding-top: 56.25%; }  

青岛海发集团.v-newslist~div

该样式类用于设置新闻列表中的每个新闻项之间的间距。在这个例子中，将间距设置为0(去除间距)。

{ margin-top: 0 !important; }  

.mainvideo

该样式类用于设置主要内容区域的视频播放器。在这个例子中，最小宽度为1002px,最大宽度为1920px,居中显示，并添加了一些外边距和内边距。

{ min-width:1002px; max-width:1920px; text-align: center; margin-top: 95px; margin-right: auto; margin-bottom: 0; margin-left: auto; }  

.infotitle

该样式类用于设置信息标题的背景图片和不重复平铺的方式。在这个例子中，背景图片地址为../images/infotitle.jpg,不进行重复平铺。