如何创建个人视频播放网站并利用H5技术？

做h5网站,建立个人视频播放网站,上海医疗网站备案表,永嘉网站开发公司文章目录 CSS的介绍 引入方式 代码风格 选择器 复合选择器 (选学) 常用元素属性 背景属性 圆角矩形 Chrome 调试工具 -- 查看 CSS 属性 元素的显示模式 盒模型 弹性布局 一、CSS的介绍 层叠样式表 (Cascading Style Sheets). CSS 能够对网页中元素位置的排版进行像素级精… 文章目录 CSS的介绍 引入方式 代码风格 选择器 复合选择器 (选学) 常用元素属性 背景属性 圆角矩形 Chrome 调试工具 -- 查看 CSS 属性 元素的显示模式 盒模型 弹性布局 一、CSS的介绍 层叠样式表 (Cascading Style Sheets). CSS 能够对网页中元素位置的排版进行像素级精确控制, 实现美化页面的效果. 能够做到页面的样式和结构分离. 基础语法规范 选择器 {一条/N条声明} 选择器决定针对谁修改 (找谁) 声明决定修改啥. (干啥) 声明的属性是键值对. 使用 ; 区分键值对, 使用 : 区分键和值. stylep {/* 设置字体颜色 */color: red;/* 设置字体大小 */font-size: 30px;} /style phello/p 注意: CSS 要写到 style 标签中(还有其他写法) .style 标签可以放到页面任意位置. 一般放到 head 标签内. CSS 使用 /* */ 作为注释. (使用 ctrl / 快速切换) . 二、引入方式 1.内部样式表 写在 style 标签中. 嵌入到 html 内部. 理论上来说 style 放到 html 的哪里都行. 但是一般都是放到 head 标签中. 优点: 这样做能够让样式和页面结构分离. 缺点: 分离的还不够彻底. 尤其是 css 内容多的时候. 2.行内样式表 通过 style 属性, 来指定某个标签的样式. 只适合于写简单样式. 只针对某个标签生效. 缺点: 不能写太复杂的样式. 这种写法优先级较高, 会覆盖其他的样式. !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestylediv {color: red;}/style /head bodydiv stylecolor:green想要生活过的去, 头上总得带点绿/div /body /html 此时我们可以发现此时的红色被覆盖了。 3.外部样式 实际开发中最常用的方式. 1. 创建一个 css 文件. 2. 使用 link 标签引入 css link relstylesheet href[CSS文件路径] 创建 demo.html   headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title外部样式/titlelink relstylesheet hrefstyle.css /head bodydiv上帝为你关上一扇门, 然后就去睡觉了/div /body 创建 style.css div {color: red; } 注意: 不要忘记 link 标签调用 CSS, 否则不生效. 优点: 样式和结构彻底分离了. 缺点: 受到浏览器缓存影响, 修改之后 不一定 立刻生效. 关于缓存: 这是计算机中一种常见的提升性能的技术手段. 网页依赖的资源(图片/CSS/JS等)通常是从服务器上获取的. 如果频繁访问该网站, 那么这些外部资源就没必要反复从服务器获取. 就可以使用缓存先存起来(就是存在本地磁盘上了). 从而提高访问效率. 可以通过 ctrl F5 强制刷新页面, 强制浏览器重新获取 css 文件. 三、代码风格 1.样式格式 1.紧凑风格 p { color : red ; font-size : 30px ;} 2.展开风格(推荐) p { color : red ; font-size : 30px ; } 注意虽然 CSS 不区分大小写, 我们开发时统一使用小写字母 。