フロントエンドを学習する際、htmlとcssの違いについてあまり知らない人も多いかもしれません。php中国語ウェブサイトの今日の記事は、必要な人のためにhtmlとcssの比較をまとめたものです。具体的な内容で。
CSS と HTML の違い:
1. まず、HTML を見てみましょう:
html は、ハイパーテキスト マークアップ言語である HyperTextMark-upLanguage の略称です。ドキュメントのコンテンツ構造を定義します。Web ページを構成する基本要素である画像、テキスト、ビデオなど、ユーザーが閲覧する必要があるコンテンツが含まれます。
html は Web ページの構造 (構造)、これには、 Frameset や iframe 、 div+css レイアウト、テーブル レイアウトなどのさまざまなフレームとレイアウトが必要で、基本的なフォーム、入力ボックス、入力ボックス タイプ、テキスト フィールドなどのフォーム送信 (HTML フォーム) もサポートします。 、リスト、ラベルなど。
HTML の構造は、Head と Body の 2 つの部分で構成されます。head にはブラウザが必要とする情報が記述され、body には説明する具体的な内容が含まれます。
HTML に関する小さな例を見てみましょう:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1 id="我的第一个标题">我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
その効果は次のとおりです:
この例は、HTML の構造を明確に説明できます。 (関連おすすめ:
と 2018フロントエンド入門_HTML5) htmlの基本的な内容を読んだ後は、やはりcssの基本的な内容を見てみましょう。 css と html の間 ^ _^
2. CSS をもう一度見てみましょう:css は、W3C Association によって開発および発行された Web ページ レイアウト標準の略称です。 HTML 言語への参照 機能追加。
CSS は、HTML ドキュメントのスタイル、つまり Web ページ上の動的テキスト、テキストの色、フォント、アニメーション効果などの外観を定義するために使用され、これらはすべて CSS で実装できます。
CSS の主な目的は、Web ページ内のフォント、色、背景、画像、その他のさまざまな要素を制御し、Web ページがデザイナーの要件どおりに表示されるようにすることです。
以下の例に示すように:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.com)</title> <style> body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1 id="CSS例子">CSS例子</h1> <p>这是一个段落。</p> </body> </html>
その効果は次のとおりです:
上記の効果は、CSS の使用を非常に明確に示しています。 (関連お勧め:
) html と css の基本的な内容についての上記の紹介を通じて、css と html の違いが主にスタイルに使用されることが明確にわかります。 . HTML はテキスト コンテンツに使用されます。真剣に学習すれば、学習の過程でさらに多くのことを発見できます。
関連する推奨事項:
XML、HTML、CSS、および JS_javascript スキルの違い[HTML/CSS] display:none と Visibility:hidden_html/css_WEB-ITnose の違い以上がCSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 中国語版
中国語版、とても使いやすい

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

メモ帳++7.3.1
使いやすく無料のコードエディター

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

ホットトピック



