ホームページ > 記事 > ウェブフロントエンド > CSS+HTML5の使用例
CSS+HTML5の使用例
- PHP中文网オリジナル
- 2017-06-21 15:54:012410ブラウズ
1.HTML5基本
ドキュメントタイプ
<!DOCTYPE HTML PUBLIC ><!DOCTYPE html>
videoタグとaudioタグを使用してビデオとオーディオを再生します
りー
2.フレキシブルボックス
box-sizing:border-box/content-box(デフォルト値)
3.角丸ボーダー
境界線の半径:左上隅、右上隅、右下隅、左下隅。
CSS の構文は日々変化しており、以前は実行できなかった多くのことが非常に簡単になりました。比較的新しく強力な CSS 関数について説明します。
clip-path
shape-outside
shape はグラフィックスを意味し、CSS シェイプは CSS グラフィックスを意味し、CSS を使用してさまざまなシェイプを生成することを意味します。形状 (円、長方形、楕円、多角形などの幾何学的形状)。
CSS3 が登場する前は、長方形、箱型、ルールしか使用できませんでした。
CSS3
CSS3が登場してからは、 code>transform
擬似要素
border-radiusbordertransform伪元素配合
gradient 渐变
我们能够作出非常多的几何图形。
除去最常见的矩形，圆形（border-radius
をたくさん表示できるようになりました。形。 
border-radius) を除いて、他の幾何学的形状をいくつか示します: 
<video controls> <source src="video/video.webm" type="video/webm"/> <source src="video/video.mp4" type="video/mp4"/> </video>
以上がCSS+HTML5の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5 テキスト スタイルの例の紹介次の記事：HTML5 テキスト スタイルの例の紹介