h5和css

最新推荐文章于 2024-10-03 18:52:05 发布

liurenbuzai

最新推荐文章于 2024-10-03 18:52:05 发布

阅读量536

点赞数 1

分类专栏：基础

本文链接：https://blog.csdn.net/liurenbuzai/article/details/80274610

版权

基础专栏收录该内容

17 篇文章 0 订阅

订阅专栏

h5中按钮控制

<html>
<body>
<div style="text-align:center;">
  <button οnclick="playPause()">播放/暂停</button>
  <button οnclick="makeBig()">大</button>
  <button οnclick="makeNormal()">中</button>
  <button οnclick="makeSmall()">小</button>
  <br />
  <video id="video1" width="420" style="margin-top:15px;">
    <source src="/E:/练习题/movie.mp4" type="video/mp4" />
    Your browser does not support HTML5 video.
  </video>
</div>

<script type="text/javascript">
    var myVideo=document.getElementById("video1");

    function playPause()
    {
        if (myVideo.paused)
            myVideo.play();
        else
            myVideo.pause();
    }

    function makeBig()
    {
        myVideo.width=560;
    }

    function makeSmall()
    {
        myVideo.width=320;
    }

    function makeNormal()
    {
        myVideo.width=420;
    }
</script>
</body>
</html>

CSS 概述

CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一

CSS 语法

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

selector {declaration1; declaration2; ... declarationN }

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开

selector {property: value}

多重声明

定义不止一个声明，则需要用分号将每个声明分开

p {text-align:center; color:red;}

空格和大小写

大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。

body {
  color: #000;
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: Georgia, Palatino, serif;
  }

继承及其问题

子元素从父元素继承属性。但是它并不总是按此方式工作

body {
     font-family: Verdana, sans-serif;
     }

字体倾斜

 li 元素中的 strong 元素的样式为斜体字，无需为 strong 元素定义特别的 class 或 id

liurenbuzai

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录