\n

php<\/p>\n

php中文網(wǎng)<\/p>\n<\/body>\n<\/html><\/pre>

效果圖:<\/strong><\/p>

\"Was<\/p>

<\/p>

CSS 實(shí)例:<\/strong><\/p>

CSS聲明總是以分號(hào)(;<\/code>)結(jié)束,聲明總以大括號(hào)({}<\/code>)括起來(lái):<\/p>

p \n{ \ncolor:red; \ntext-align:center; \n}<\/pre>

注釋是用來(lái)解釋你的代碼,并且可以隨意編輯它,瀏覽器會(huì)忽略它。<\/p>

CSS注釋以 \/* <\/code>開(kāi)始, 以 *\/ <\/code>結(jié)束, 實(shí)例如下:<\/p>

\/*這是個(gè)注釋*\/ \np \n{ \ntext-align:center; \n\/*這是另一個(gè)注釋*\/ \ncolor:black; \nfont-family:arial; \n}<\/pre>

二、CSS如何使用方法?<\/span><\/strong><\/p>

CSS使用方法:編輯工具<\/p>

任何文本編輯工具樣式表使用方法一般有三種:<\/p>

1)文檔頭部插入<\/strong>:適用于單個(gè)網(wǎng)頁(yè)應(yīng)用<\/p>

2)行內(nèi)插入<\/strong>:適用于頁(yè)面中一、兩個(gè)地方才用到CSS<\/p>

3)外部鏈接樣式文件<\/strong>:適用于多個(gè)網(wǎng)頁(yè)都用到CSS<\/p>

在HTML網(wǎng)頁(yè)中css的不同使用方法調(diào)用css的方法不同<\/p>

1、頭部插入樣式<\/strong><\/p>

……<\/style><\/pre>

代碼示例:<\/strong><\/p>

\n\n中文網(wǎng)(php.com)<\/title>\n<style type=\"text\/css\">\nbody {background-color:yellow;}\nh1   {font-size:36pt;}\nh2   {color:blue;}\np    {margin-left:50px;}\n<\/style>\n<\/head>\n<body>
<h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1><\/pre><p>注:這里將style對(duì)象的type屬性設(shè)置為”<code>text\/css<\/code>”是不支持這類型的瀏覽器忽略樣式表單。<\/p><p><strong>2、行內(nèi)插入樣式<\/strong><\/p><pre class='brush:php;toolbar:false;'><p style=“font-size:16pt;color:blue”>藍(lán)色16號(hào)文字<\/p><\/pre><p>采用<code><style=\"<span style=\"background-color: rgb(248, 248, 248);\">font-size:16pt;color:blue\"<\/span>><\/code>的格式把樣式寫在html中的任意行內(nèi),這樣比較方便靈活。<\/p><p><strong>3、外部鏈接樣式<\/strong><\/p><p>先建立外部樣式表文件(<code>.css<\/code>),然后使用HTML的link對(duì)象<\/p><pre class='brush:php;toolbar:false;'><head>\n<title>中文網(wǎng)(php.com)<\/title>\n<link rel=stylesheet\nhref=\"http:\/\/m.miracleart.cn\/php.cn\"\ntype=\"text\/css\">\n<\/head><\/pre><p>這種方法非常適宜同時(shí)定義多個(gè)文檔。它能使多個(gè)文檔同時(shí)使用相同的樣式,從而減少了大量的冗余代碼。<\/p><p>而在XML中,你應(yīng)該如下例所示在聲明區(qū)中加入:<\/p><pre class='brush:php;toolbar:false;'><? xml-stylesheet type=\"text\/css\" href=\"http:\/\/m.miracleart.cn\/php.css\" ?><\/pre><p>定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)<br><\/p>\n<p>你可以在你的HTML文檔的<code><\/code>和<code><\/code>標(biāo)記之間插入一個(gè)<code><style>...<\/style><\/code><\/p>\n<code>color <\/code> ist das Attribut und <code>red<\/code> ist es der Attributwert <p><strong><code>text-align<\/code> ist das Attribut, <code>center<\/code> ist der Attributwert <span style=\"font-size: 20px;\"><\/span><\/strong>Codebeispiel: <\/p>\n<ul style=\"list-style-type: disc;\">rrreee<p style=\"margin-top:2px ;margin-right: 0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)\"><\/p>\n<li>Rendering:<p> <\/p>\n<p style=\"margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background :rgb(255,255,255 )\"><img src=\"https:\/\/img.php.cn\/upload\/image\/546\/492\/395\/1625728477599448.jpg\" title=\"1625728477599448.jpg\" alt=\"WeChat-Screenshot_20210708151330.jpg \"    style=\"max-width:90%\"  style=\"max-width:90%\" style=\"width: 869px; height: 182px;\"><\/p>\n<\/li>\n<p style=\"margin-top:2px;margin-right:0;margin-bottom:2px;margin -left :0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)\"><br><\/p>\n<\/ul>\n<p style=\"margin-top:2px;margin- right: 0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)\"><\/p>\n<p>CSS Beispiel: <a href=\"http:\/\/m.miracleart.cn\/course\/list\/12.html\" target=\"_self\"><\/a><\/p> CSS-Deklarationen enden immer mit einem Semikolon (<code>;<\/code>) und Anweisungen werden immer in geschweiften Klammern (<code>{}<\/code>) eingeschlossen: ??rrreee??Kommentare werden zur Erl?uterung Ihres Codes verwendet und k?nnen Feel sein Sie k?nnen es frei bearbeiten, der Browser ignoriert es. ????CSS-Kommentare beginnen mit <code>\/* <\/code> und enden mit <code>*\/ <\/code> Beispiele sind wie folgt: ??rrreee?????? 2. Wie verwende ich CSS? ????????So verwenden Sie CSS: Bearbeitungswerkzeuge ????Es gibt im Allgemeinen drei M?glichkeiten, Stylesheets eines beliebigen Textbearbeitungswerkzeugs zu verwenden: ??????1) Einfügen von Dokumentkopfzeilen??: anwendbar auf eine einzelne Webanwendung ??????2) Inline Einfügen: Anwendbares CSS wird nur an einer oder zwei Stellen auf der Seite verwendet ???? ??1. Header-Einfügungsstil ????rrreee????Codebeispiel: ????rrreee??Hinweis: Wenn Sie das Typattribut des Stilobjekts hier auf ?<code>text\/css<\/code>“ setzen, wird dieser Typ nicht unterstützt Browser Stylesheets ignorieren. ??????2. Der Inline-Einfügungsstil ????rrreee?? übernimmt <code><style style=\"background-color: rgb(248, 248, 248);\">font-size:16pt;color:blue Das Format ???><\/style><\/code> schreibt den Stil in eine beliebige Zeile in HTML, was bequemer und flexibler ist. ??????3. Externer Linkstil??????Erstellen Sie zun?chst eine externe Stylesheet-Datei (<code>.css<\/code>) und verwenden Sie dann das HTML-Linkobjekt??rrreee??Diese Methode eignet sich sehr gut zum Definieren mehrerer Dokumente unter zur gleichen Zeit. Dadurch k?nnen mehrere Dokumente gleichzeitig denselben Stil verwenden, wodurch eine Menge redundanter Code reduziert wird. ????In XML sollten Sie es im Deklarationsbereich hinzufügen, wie unten gezeigt: ??rrreee??Definieren Sie ein internes Stilblockobjekt (Einbetten eines Stilblocks)<br>????Sie k?nnen es im <code> Ihres HTML hinzufügen Dokument Fügen Sie ein <code><style>...<\/style><\/code>-Blockobjekt zwischen den Tags <\/code> und <code><\/code> ein. ????????Notizen????????????Seien Sie vorsichtig????????Empfohlenes Lernen: ??CSS-Video-Tutorial????"}	</script>
	
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>

<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
    <div   id="377j5v51b"   class="head">
        <div   id="377j5v51b"   class="haed_left">
            <div   id="377j5v51b"   class="haed_logo">
                <a href="http://m.miracleart.cn/de/" title="" class="haed_logo_a">
                    <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                </a>
            </div>
            <div   id="377j5v51b"   class="head_nav">
                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Gemeinschaft" class="head_nava head_nava-template1">Gemeinschaft</a>
                    <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/de/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                            <a href="http://m.miracleart.cn/de/faq/zt" title="Themen" class="languagechoosea">Themen</a>
                            <a href="http://m.miracleart.cn/de/wenda.html" title="Fragen und Antworten" class="languagechoosea">Fragen und Antworten</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Lernen" class="head_nava head_nava-template1_1">Lernen</a>
                    <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/de/course.html" title="Kurs" class="languagechoosea on">Kurs</a>
                            <a href="http://m.miracleart.cn/de/dic/" title="Programmierw?rterbuch" class="languagechoosea">Programmierw?rterbuch</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Tools-Bibliothek" class="head_nava head_nava-template1_2">Tools-Bibliothek</a>
                    <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/de/toolset/development-tools" title="Entwicklungswerkzeuge" class="languagechoosea on">Entwicklungswerkzeuge</a>
                            <a href="http://m.miracleart.cn/de/toolset/website-source-code" title="Quellcode der Website" class="languagechoosea">Quellcode der Website</a>
                            <a href="http://m.miracleart.cn/de/toolset/php-libraries" title="PHP-Bibliotheken" class="languagechoosea">PHP-Bibliotheken</a>
                            <a href="http://m.miracleart.cn/de/toolset/js-special-effects" title="JS-Spezialeffekte" class="languagechoosea on">JS-Spezialeffekte</a>
                            <a href="http://m.miracleart.cn/de/toolset/website-materials" title="Website-Materialien" class="languagechoosea on">Website-Materialien</a>
                            <a href="http://m.miracleart.cn/de/toolset/extension-plug-ins" title="Erweiterungs-Plug-Ins" class="languagechoosea on">Erweiterungs-Plug-Ins</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="http://m.miracleart.cn/de/ai" title="KI-Tools" class="head_nava head_nava-template1_3">KI-Tools</a>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="Freizeit" class="head_nava head_nava-template1_3">Freizeit</a>
                    <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/de/game" title="Spiel-Download" class="languagechoosea on">Spiel-Download</a>
                            <a href="http://m.miracleart.cn/de/mobile-game-tutorial/" title="Spiel-Tutorials" class="languagechoosea">Spiel-Tutorials</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div   id="377j5v51b"   class="head_search">
                <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('de')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                <a href="javascript:;" title="suchen"  onclick="searchs('de')"><img src="/static/imghw/find.png" alt="suchen"></a>
            </div>
                <div   id="377j5v51b"   class="head_right">
            <div   id="377j5v51b"   class="haed_language">
                <a href="javascript:;" class="layui-btn haed_language_btn">Deutsch<i class="layui-icon layui-icon-triangle-d"></i></a>
                <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                    <div   id="377j5v51b"   class="languagechoose">
                                                <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
                                                <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a>
                                                <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                <a href="javascript:;" title="Deutsch" class="languagechoosea">Deutsch</a>
                                            </div>
                </div>
            </div>
            <span id="377j5v51b"    class="head_right_line"></span>
                            <div style="display: block;" id="login" class="haed_login ">
                    <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                </div>
                <div style="display: block;" id="reg" class="head_signup login">
                    <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                </div>
            
        </div>
    </div>
</header>

	
	<main>
		<div   id="377j5v51b"   class="Article_Details_main">
			<div   id="377j5v51b"   class="Article_Details_main1">
							<div   id="377j5v51b"   class="Article_Details_main1M">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
						<a href="http://m.miracleart.cn/de/" title="Heim"
							class="phpgenera_Details_mainL1a">Heim</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://m.miracleart.cn/de/jishu/"
							class="phpgenera_Details_mainL1a">t?gliche Programmierung</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://m.miracleart.cn/de/jishu/css/"
							class="phpgenera_Details_mainL1a">CSS-Kenntnisse</a>
						<img src="/static/imghw/top_right.png" alt="" />
						<span>Was ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln</span>
					</div>
					
					<div   id="377j5v51b"   class="Articlelist_txts">
						<div   id="377j5v51b"   class="Articlelist_txts_info">
							<h1 class="Articlelist_txts_title">Was ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln</h1>
							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
								<div   id="377j5v51b"   class="author_info">
									<a href="http://m.miracleart.cn/de/member/190284.html"  class="author_avatar">
									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/190/284/60fa5d81a4a97580.jpg" src="/static/imghw/default1.png" alt="奮力向前">
									</a>
									<div   id="377j5v51b"   class="author_detail">
																			<a href="http://m.miracleart.cn/de/member/190284.html" class="author_name">奮力向前</a>
                                										</div>
								</div>
                			</div>
							<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2021 am	 11:27 AM</span>
															<div   id="377j5v51b"   class="Articlelist_txts_infos">
																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">css</span>
																	</div>
														
						</div>
					</div>
					<hr />
					<div   id="377j5v51b"   class="article_main php-article">
						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
						<ins class="adsbygoogle"
							style="display:block; text-align:center;"
							data-ad-layout="in-article"
							data-ad-format="fluid"
							data-ad-client="ca-pub-5902227090019525"
							data-ad-slot="3461856641">
						</ins>
						

					<blockquote><p>Im vorherigen Artikel ?<a href="http://m.miracleart.cn/div-tutorial-479381.html" target="_blank">Was sind HTML-Elemente?“ ?Ein kurzer Vortrag über die Grammatikregeln von Elementen</a>“ führt Sie in HTML-Elemente und Grammatikregeln ein. Der folgende Artikel führt Sie in die CSS-Syntax ein und lernt drei M?glichkeiten kennen, CSS-Stylesheets zu verwenden. ! </p></blockquote>
<p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/202107/08/2021070811314669511.jpg" class="lazy" alt="Was ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln" ></p>
<p><strong style="font-size: 20px;"> 1. CSS-Syntax</strong></p>
<p>CSS-Regelsatz (Regelsatz) besteht aus Selektoren und Deklarationsbl?cken</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/121/922/555/1625713663596250.jpg" class="lazy" title="1625713663596250.jpg" alt="Was ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln"></p>
<p><strong>Erkl?rung von Beispielen</strong></p>
<p><code>p</code> ist CSS Der Selektor in (der auf das zu formatierende HTML-Element zeigt: <code><p></p></code>) <code>p</code>是 CSS 中的選擇器(它指向要設(shè)置樣式的 HTML 元素:<code><p></p></code>)</p>
<p><code>color?</code>是屬性,<code>red</code>?是屬性值</p>
<p><code>text-align</code>?是屬性,<code>center</code>?是屬性值</p>
<p><strong>代碼示例:</strong></p><pre class='brush:php;toolbar:false;'><html>
<head>
<style>
p
{
	color:red;
	text-align:center;
} 
</style>
</head>
<body>
<p>php</p>
<p>php中文網(wǎng)</p>
</body>
</html></pre><p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"><strong>效果圖:</strong></p><p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/image/546/492/395/1625728477599448.jpg"  class="lazy" title="1625728477599448.jpg" alt="Was ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln"    style="max-width:90%"  style="max-width:90%" style="width: 869px; height: 182px;"/></p><p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"><br/></p><p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"><strong>CSS 實(shí)例:</strong></p><p>CSS聲明總是以分號(hào)(<code>;</code>)結(jié)束,聲明總以大括號(hào)(<code>{}</code>)括起來(lái):</p><pre class='brush:php;toolbar:false;'>p 
{ 
color:red; 
text-align:center; 
}</pre><p>注釋是用來(lái)解釋你的代碼,并且可以隨意編輯它,瀏覽器會(huì)忽略它。</p><p>CSS注釋以 <code>/* </code>開(kāi)始, 以 <code>*/ </code>結(jié)束, 實(shí)例如下:</p><pre class='brush:php;toolbar:false;'>/*這是個(gè)注釋*/ 
p 
{ 
text-align:center; 
/*這是另一個(gè)注釋*/ 
color:black; 
font-family:arial; 
}</pre><p><strong><span style="font-size: 20px;">二、CSS如何使用方法?</span></strong></p><p>CSS使用方法:編輯工具</p><p>任何文本編輯工具樣式表使用方法一般有三種:</p><p><strong>1)文檔頭部插入</strong>:適用于單個(gè)網(wǎng)頁(yè)應(yīng)用</p><p><strong>2)行內(nèi)插入</strong>:適用于頁(yè)面中一、兩個(gè)地方才用到CSS</p><p><strong>3)外部鏈接樣式文件</strong>:適用于多個(gè)網(wǎng)頁(yè)都用到CSS</p><p>在HTML網(wǎng)頁(yè)中css的不同使用方法調(diào)用css的方法不同</p><p><strong>1、頭部插入樣式</strong></p><pre class='brush:php;toolbar:false;'><style type="text/css">……</style></pre><p><strong>代碼示例:</strong></p><pre class='brush:php;toolbar:false;'><html>
<head>
<title>中文網(wǎng)(php.com)</title>
<style type="text/css">
body {background-color:yellow;}
h1   {font-size:36pt;}
h2   {color:blue;}
p    {margin-left:50px;}
</style>
</head>
<body></pre><p>注:這里將style對(duì)象的type屬性設(shè)置為”<code>text/css</code>”是不支持這類型的瀏覽器忽略樣式表單。</p><p><strong>2、行內(nèi)插入樣式</strong></p><pre class='brush:php;toolbar:false;'><p style=“font-size:16pt;color:blue”>藍(lán)色16號(hào)文字</p></pre><p>采用<code><style="<span style="background-color: rgb(248, 248, 248);">font-size:16pt;color:blue"</span>></code>的格式把樣式寫在html中的任意行內(nèi),這樣比較方便靈活。</p><p><strong>3、外部鏈接樣式</strong></p><p>先建立外部樣式表文件(<code>.css</code>),然后使用HTML的link對(duì)象</p><pre class='brush:php;toolbar:false;'><head>
<title>中文網(wǎng)(php.com)</title>
<link rel=stylesheet
href="http://m.miracleart.cn/php.cn"
type="text/css">
</head></pre><p>這種方法非常適宜同時(shí)定義多個(gè)文檔。它能使多個(gè)文檔同時(shí)使用相同的樣式,從而減少了大量的冗余代碼。</p><p>而在XML中,你應(yīng)該如下例所示在聲明區(qū)中加入:</p><pre class='brush:php;toolbar:false;'><? xml-stylesheet type="text/css" href="http://m.miracleart.cn/php.css" ?></pre><p>定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)<br></p>
<p>你可以在你的HTML文檔的<code></code>和<code></code>標(biāo)記之間插入一個(gè)<code><style>...</style></code></p>
<code>color </code> ist das Attribut und <code>red</code> ist es der Attributwert <p><strong><code>text-align</code> ist das Attribut, <code>center</code> ist der Attributwert <span style="font-size: 20px;"></span></strong>Codebeispiel: </p>
<ul style="list-style-type: disc;">rrreee<p style="margin-top:2px ;margin-right: 0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"></p>
<li>Rendering:<p> </p>
<p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background :rgb(255,255,255 )"><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/546/492/395/1625728477599448.jpg" class="lazy" title="1625728477599448.jpg" alt="WeChat-Screenshot_20210708151330.jpg "    style="max-width:90%"  style="max-width:90%" style="width: 869px; height: 182px;"></p>
</li>
<p style="margin-top:2px;margin-right:0;margin-bottom:2px;margin -left :0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"><br></p>
</ul>
<p style="margin-top:2px;margin- right: 0;margin-bottom:2px;margin-left:0;text-indent:0;padding:0 0 0 0 ;line-height:25px;background:rgb(255,255,255)"></p>
<p>CSS Beispiel: <a href="http://m.miracleart.cn/course/list/12.html" target="_self"></a></p> CSS-Deklarationen enden immer mit einem Semikolon (<code>;</code>) und Anweisungen werden immer in geschweiften Klammern (<code>{}</code>) eingeschlossen: ??rrreee??Kommentare werden zur Erl?uterung Ihres Codes verwendet und k?nnen Feel sein Sie k?nnen es frei bearbeiten, der Browser ignoriert es. ????CSS-Kommentare beginnen mit <code>/* </code> und enden mit <code>*/ </code> Beispiele sind wie folgt: ??rrreee?????? 2. Wie verwende ich CSS? ????????So verwenden Sie CSS: Bearbeitungswerkzeuge ????Es gibt im Allgemeinen drei M?glichkeiten, Stylesheets eines beliebigen Textbearbeitungswerkzeugs zu verwenden: ??????1) Einfügen von Dokumentkopfzeilen??: anwendbar auf eine einzelne Webanwendung ??????2) Inline Einfügen: Anwendbares CSS wird nur an einer oder zwei Stellen auf der Seite verwendet ???? ??1. Header-Einfügungsstil ????rrreee????Codebeispiel: ????rrreee??Hinweis: Wenn Sie das Typattribut des Stilobjekts hier auf ?<code>text/css</code>“ setzen, wird dieser Typ nicht unterstützt Browser Stylesheets ignorieren. ??????2. Der Inline-Einfügungsstil ????rrreee?? übernimmt <code><style style="background-color: rgb(248, 248, 248);">font-size:16pt;color:blue Das Format ???></style></code> schreibt den Stil in eine beliebige Zeile in HTML, was bequemer und flexibler ist. ??????3. Externer Linkstil??????Erstellen Sie zun?chst eine externe Stylesheet-Datei (<code>.css</code>) und verwenden Sie dann das HTML-Linkobjekt??rrreee??Diese Methode eignet sich sehr gut zum Definieren mehrerer Dokumente unter zur gleichen Zeit. Dadurch k?nnen mehrere Dokumente gleichzeitig denselben Stil verwenden, wodurch eine Menge redundanter Code reduziert wird. ????In XML sollten Sie es im Deklarationsbereich hinzufügen, wie unten gezeigt: ??rrreee??Definieren Sie ein internes Stilblockobjekt (Einbetten eines Stilblocks)<br>????Sie k?nnen es im <code> Ihres HTML hinzufügen Dokument Fügen Sie ein <code><style>...</style></code>-Blockobjekt zwischen den Tags </code> und <code></code> ein. ????????Notizen????????????Seien Sie vorsichtig????????Empfohlenes Lernen: ??CSS-Video-Tutorial????<p>Das obige ist der detaillierte Inhalt vonWas ist CSS-Syntax? Ausführliche Einführung in die Nutzung und Regeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p>


						</div>
					</div>
					<div   id="377j5v51b"   class="wzconShengming_sp">
						<div   id="377j5v51b"   class="bzsmdiv_sp">Erkl?rung dieser Website</div>
						<div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div>
					</div>
				</div>

				<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>



				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">


				<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    


					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Hei?er Artikel</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796832397.html" title="Gras Wonder Build Guide | Uma Musume hübsches Derby" class="phpgenera_Details_mainR4_bottom_title">Gras Wonder Build Guide | Uma Musume hübsches Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796833110.html" title="<??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796836699.html" title="Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796834553.html" title="Mejiro Ryan Build Guide | Uma Musume hübsches Derby" class="phpgenera_Details_mainR4_bottom_title">Mejiro Ryan Build Guide | Uma Musume hübsches Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796836084.html" title="Rimworld odyssey wie man fischt" class="phpgenera_Details_mainR4_bottom_title">Rimworld odyssey wie man fischt</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/de/article.html">Mehr anzeigen</a>
							</div>
						</div>
					</div> -->


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Hei?e KI -Werkzeuge</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>Ausziehbilder kostenlos</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>KI-gestützte App zum Erstellen realistischer Aktfotos</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>KI-Kleiderentferner</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!</p>
											</div>
										</div>
																</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://m.miracleart.cn/de/ai">Mehr anzeigen</a>
								</div>
							</div>
						</div>
					


					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Hei?er Artikel</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796832397.html" title="Gras Wonder Build Guide | Uma Musume hübsches Derby" class="phpgenera_Details_mainR4_bottom_title">Gras Wonder Build Guide | Uma Musume hübsches Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796833110.html" title="<??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 Monate vor</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796836699.html" title="Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796834553.html" title="Mejiro Ryan Build Guide | Uma Musume hübsches Derby" class="phpgenera_Details_mainR4_bottom_title">Mejiro Ryan Build Guide | Uma Musume hübsches Derby</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/1796836084.html" title="Rimworld odyssey wie man fischt" class="phpgenera_Details_mainR4_bottom_title">Rimworld odyssey wie man fischt</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Wochen vor</span>
										<span>By Jack chen</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/de/article.html">Mehr anzeigen</a>
							</div>
						</div>
					</div>


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Hei?e Werkzeuge</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
													<h3>Notepad++7.3.1</h3>
												</a>
												<p>Einfach zu bedienender und kostenloser Code-Editor</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 chinesische Version" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 chinesische Version</h3>
												</a>
												<p>Chinesische Version, sehr einfach zu bedienen</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Senden Sie Studio 13.0.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title">
													<h3>Senden Sie Studio 13.0.1</h3>
												</a>
												<p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>Visuelle Webentwicklungstools</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac-Version" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac-Version</h3>
												</a>
												<p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://m.miracleart.cn/de/ai">Mehr anzeigen</a>
								</div>
							</div>
						</div>
										

					
					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Hei?e Themen</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1601</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1502</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>276</span>
										</div>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/de/faq/zt">Mehr anzeigen</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div   id="377j5v51b"   class="Article_Details_main2">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
						<div   id="377j5v51b"   class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">

													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796848693.html" title="Wie ?ndere ich die Textfarbe in CSS?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175356154230616.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie ?ndere ich die Textfarbe in CSS?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796848693.html" title="Wie ?ndere ich die Textfarbe in CSS?" class="phphistorical_Version2_mids_title">Wie ?ndere ich die Textfarbe in CSS?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 04:25 AM</span>
								<p class="Articlelist_txts_p">Um die Textfarbe in CSS zu ?ndern, müssen Sie das Farbattribut verwenden. 1. Verwenden Sie das Farbattribut, um die Textvorderfarbe des Textes zu setzen und Farbnamen (z. B. rot), Hexadezimalcodes (wie #ff0000), RGB -Werte (wie RGB (255,0,0)), HSL -Werte (wie HSL (0,100%) und RGBA oder HSLA (0,100%) und RGBA oder HSLA mit Transparen (0,100%) und RGBA oder HSLA (0,100%) (255,0,0,0,0,0,0,0,0,0,0). 2. Sie k?nnen Farben auf jedes Element anwenden, das Text enth?lt, wie z. B. H1 auf H6 -Titel, Absatz P, Link A (beachten Sie die Farbeinstellungen verschiedener Zust?nde von A: Link, A: Besucht, a: hover, a: aktiv), Schaltfl?chen, Div, Span usw.; 3.. Die meisten</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796855212.html" title="Wie benutze ich das CSS-Backdrop-Filter-Eigenschaft?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175410786011157.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie benutze ich das CSS-Backdrop-Filter-Eigenschaft?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796855212.html" title="Wie benutze ich das CSS-Backdrop-Filter-Eigenschaft?" class="phphistorical_Version2_mids_title">Wie benutze ich das CSS-Backdrop-Filter-Eigenschaft?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 02, 2025 pm	 12:11 PM</span>
								<p class="Articlelist_txts_p">Backdrop-Filter wird verwendet, um visuelle Effekte auf den Inhalt der Elemente anzuwenden. 1. Verwenden Sie Backdrop-Filter: Blur (10px) und andere Syntax, um den frostierten Glasffekt zu erzielen. 2. unterstützt mehrere Filterfunktionen wie Unsch?rfe, Helligkeit, Kontrast usw. und kann überlagert werden. 3. Es wird h?ufig in der Glaskartendesign verwendet, und es ist notwendig, sicherzustellen, dass sich die Elemente mit dem Hintergrund überschneiden. 4. Moderne Browser haben eine gute Unterstützung, und @Supports k?nnen verwendet werden, um Downgrade -L?sungen bereitzustellen. 5. Vermeiden Sie überm??ige Unsch?rfewerte und h?ufiges Neuzuziehen, um die Leistung zu optimieren. Dieses Attribut wirkt sich nur aus, wenn sich hinter den Elementen Inhalte befinden.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796850497.html" title="Wie stylen Sie Links in CSS?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175373430151560.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie stylen Sie Links in CSS?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796850497.html" title="Wie stylen Sie Links in CSS?" class="phphistorical_Version2_mids_title">Wie stylen Sie Links in CSS?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 29, 2025 am	 04:25 AM</span>
								<p class="Articlelist_txts_p">Der Stil der Verbindung sollte verschiedene Zust?nde durch Pseudoklassen unterscheiden. 1. Verwenden Sie A: Link zum festgelegten Linkstil, 2. A: Besucht, um den zugegriffenen Link zu setzen, 3. A: HOOver, um den Schweberffekt festzulegen, 4. A: aktiv, um den Klick-Time-Stil festzulegen, 5. Sie k?nnen die Benutzerfreundlichkeit und Zug?nglichkeit verbessern, indem Sie Polster, Cursor: Zeiger und Fokusumrisse beibehalten oder anpassen. Sie k?nnen auch Border-Bottom- oder Animations-Unterstockungen verwenden, um sicherzustellen, dass der Link in allen Staaten eine gute Benutzererfahrung und -grafie hat.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796852960.html" title="Was sind User Agent Stylesheets?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175392930127475.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Was sind User Agent Stylesheets?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796852960.html" title="Was sind User Agent Stylesheets?" class="phphistorical_Version2_mids_title">Was sind User Agent Stylesheets?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 31, 2025 am	 10:35 AM</span>
								<p class="Articlelist_txts_p">User Agent Stylesheets sind die Standard -CSS -Stile, die Browser automatisch gelten, um sicherzustellen, dass HTML -Elemente, die keine benutzerdefinierten Stile hinzugefügt haben, immer noch grundlegend lesbar sind. Sie beeinflussen das anf?ngliche Erscheinungsbild der Seite, es gibt jedoch Unterschiede zwischen Browsern, die zu einer inkonsistenten Anzeige führen k?nnen. Entwickler l?sen dieses Problem h?ufig durch Zurücksetzen oder Standardisierungsstile. Verwenden Sie das Computer- oder Stilfeld der Entwickler -Tools, um die Standardstile anzuzeigen. Zu den gemeinsamen Abdeckungsvorg?ngen geh?ren das L?schen innerer und ?u?erer Margen, ?nderungen von Link -Unterstrichen, die Anpassung der Titelgr??en und die Vereinigung der Schaltfl?chenstile. Das Verst?ndnis von User Agent-Stilen kann dazu beitragen, die konsistente Cross-Browser-Konsistenz zu verbessern und eine pr?zise Layout-Steuerung zu erm?glichen.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796854818.html" title="Wie erstelle ich eine springende Animation mit CSS?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175408464130278.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie erstelle ich eine springende Animation mit CSS?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796854818.html" title="Wie erstelle ich eine springende Animation mit CSS?" class="phphistorical_Version2_mids_title">Wie erstelle ich eine springende Animation mit CSS?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 02, 2025 am	 05:44 AM</span>
								<p class="Articlelist_txts_p">Definieren Sie@keyframesBounceWith0%, 100%Attranslatey (0) und 50%Attranslatey (-20px) TocreateabasicBounce.2.ApplytheanimationToanelementusingAnimimation: Bounce0.6Sease-In-Outinfinfinitmooth, ContinuousMotion.3.Forrealism, verwendet@keyFramesrealist</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796849429.html" title="Wie erstelle ich eine gestrichelte Linie mit CSS?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175364484172161.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie erstelle ich eine gestrichelte Linie mit CSS?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796849429.html" title="Wie erstelle ich eine gestrichelte Linie mit CSS?" class="phphistorical_Version2_mids_title">Wie erstelle ich eine gestrichelte Linie mit CSS?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 28, 2025 am	 03:34 AM</span>
								<p class="Articlelist_txts_p">Verwenden Sie das Randattribut, um den gestrichelten Stil festzulegen, um schnell gepunktete Linien wie Border-Top: 2PXDashed#000 zu erstellen. 2. Sie k?nnen das Erscheinungsbild der gepunkteten Linie anpassen, indem Sie die Randbreite, Farbe und den Stil einstellen. 3. Wenn Sie die gepunktete Linie auf Trenner oder Inline -Elemente anwenden, wird empfohlen, die H?he festzulegen oder den Standardstil von HR zurückzusetzen. 4. Wenn Sie die L?nge und den Abstand der gepunkteten Linie genau steuern müssen, sollten Sie Hintergrundbild und linearer Gradient verwenden</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796851887.html" title="Wie kann man Elemente in CSS überlappen?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175382539049072.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie kann man Elemente in CSS überlappen?" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796851887.html" title="Wie kann man Elemente in CSS überlappen?" class="phphistorical_Version2_mids_title">Wie kann man Elemente in CSS überlappen?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 05:43 AM</span>
								<p class="Articlelist_txts_p">Um eine CSS-Elementüberlappung zu erreichen, müssen Sie Positionierung und Z-Index-Attribute verwenden. 1. Verwenden Sie Position und Z-Index: Setzen Sie Elemente auf eine nicht statische Positionierung (wie absolut, relativ usw.) und steuern Sie die Stapelreihenfolge durch Z-Index, desto gr??er ist der Wert, desto h?her ist der Wert. 2. Gemeinsame Positionierungsmethoden: Absolute wird für das pr?zise Layout verwendet. Relativ wird für relativ Offset- und überlappungsg?ngerelemente verwendet. Fix oder klebrig wird zur festen Positionierung von suspendierten Schichten verwendet. 3. Tats?chliches Beispiel: Durch Festlegen der übergeordneten Containerposition: Relativ, untergeordnetes Elementposition: Absolutes und unterschiedliches Z-Index kann der Kartenüberlappungseffekt erreicht werden.</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/de/faq/1796851862.html" title="wie man ein Div CSS zentriert" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175382489098309.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="wie man ein Div CSS zentriert" />
								</a>
								<a href="http://m.miracleart.cn/de/faq/1796851862.html" title="wie man ein Div CSS zentriert" class="phphistorical_Version2_mids_title">wie man ein Div CSS zentriert</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 05:34 AM</span>
								<p class="Articlelist_txts_p">Tocenteradivhorizontal, setAwidhandusemargin: 0Auto.2.</p>
							</div>
													</div>

													<a href="http://m.miracleart.cn/de/jishu/" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div   id="377j5v51b"   class="footer">
        <div   id="377j5v51b"   class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p>
        </div>
        <div   id="377j5v51b"   class="footermid">
            <a href="http://m.miracleart.cn/de/about/us.html">über uns</a>
            <a href="http://m.miracleart.cn/de/about/disclaimer.html">Haftungsausschluss</a>
            <a href="http://m.miracleart.cn/de/update/article_0_1.html">Sitemap</a>
        </div>
        <div   id="377j5v51b"   class="footerbottom">
            <p>
                ? php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">




		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
	
	
	
	
	

	
	






<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
<a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="f4i7n" class="pl_css_ganrao" style="display: none;"><thead id="f4i7n"></thead><tbody id="f4i7n"><big id="f4i7n"><listing id="f4i7n"><sup id="f4i7n"></sup></listing></big></tbody><mark id="f4i7n"><strong id="f4i7n"><dfn id="f4i7n"><label id="f4i7n"></label></dfn></strong></mark><ins id="f4i7n"></ins><address id="f4i7n"></address><em id="f4i7n"></em><track id="f4i7n"><span id="f4i7n"></span></track><tr id="f4i7n"><legend id="f4i7n"><ruby id="f4i7n"><tbody id="f4i7n"></tbody></ruby></legend></tr><dl id="f4i7n"><em id="f4i7n"><i id="f4i7n"><meter id="f4i7n"></meter></i></em></dl><i id="f4i7n"><meter id="f4i7n"><bdo id="f4i7n"><tbody id="f4i7n"></tbody></bdo></meter></i><abbr id="f4i7n"></abbr><var id="f4i7n"></var><th id="f4i7n"></th><sub id="f4i7n"></sub><tr id="f4i7n"></tr><thead id="f4i7n"></thead><strong id="f4i7n"><mark id="f4i7n"></mark></strong><thead id="f4i7n"></thead><strong id="f4i7n"></strong><nobr id="f4i7n"></nobr><u id="f4i7n"></u><track id="f4i7n"></track><address id="f4i7n"></address><noframes id="f4i7n"><span id="f4i7n"></span></noframes><ol id="f4i7n"></ol><mark id="f4i7n"><strong id="f4i7n"><mark id="f4i7n"><label id="f4i7n"></label></mark></strong></mark><dfn id="f4i7n"><thead id="f4i7n"><abbr id="f4i7n"><div id="f4i7n"></div></abbr></thead></dfn><track id="f4i7n"></track><div id="f4i7n"></div><var id="f4i7n"></var><del id="f4i7n"><bdo id="f4i7n"><mark id="f4i7n"><label id="f4i7n"></label></mark></bdo></del><strong id="f4i7n"><div id="f4i7n"></div></strong><td id="f4i7n"><form id="f4i7n"></form></td><var id="f4i7n"></var><font id="f4i7n"><style id="f4i7n"></style></font><big id="f4i7n"></big><nobr id="f4i7n"></nobr><center id="f4i7n"><label id="f4i7n"></label></center><style id="f4i7n"></style><big id="f4i7n"></big><div id="f4i7n"><nobr id="f4i7n"><tr id="f4i7n"><noframes id="f4i7n"></noframes></tr></nobr></div><thead id="f4i7n"></thead><strong id="f4i7n"><sup id="f4i7n"></sup></strong><center id="f4i7n"></center><object id="f4i7n"></object><strong id="f4i7n"><address id="f4i7n"><s id="f4i7n"></s></address></strong><label id="f4i7n"></label><menuitem id="f4i7n"><strong id="f4i7n"></strong></menuitem><center id="f4i7n"><optgroup id="f4i7n"><sub id="f4i7n"></sub></optgroup></center><font id="f4i7n"><wbr id="f4i7n"><ul id="f4i7n"><legend id="f4i7n"></legend></ul></wbr></font></div>

</html>