CSS 01タグスタイル、属性スタイル、コレクタ

20053 ワード

font

CSSの前にfontタグを使用しました.

は簡単ですが、この件を処理するには限界があります.

現在HTML 5では使用されていません.例)

<h1><a href="index.html"><font color="red">WEB</font></a></h1>
<ol>
  <li><a href="1.html"><font color="red">HTML</font></a></li>
  <li><a href="2.html"><font color="red">CSS</font></a></li>
  <li><a href="3.html"><font color="red">JavaScript</font></a></li>
</ol>

폰트 색깔을 빨간색으로.

WEB

HTML

CSS

JavaScript

🌟 このように書体を作ると、毎回ラベルを書くのが不便になります.

タグスタイル

スタイルラベル内の内容をCSSで解釈する後の処理

to define style information (CSS) for a document.

2<head>内に入れ、複数の繰り返し動作を一度に処理することができる.重複データ削除!

は、<style>にのみ、設計に関するコード

を含む.
例)

<!doctype html>
<html>
   <head>
      <meta charset="utf-8">
      <style>
      a {
      	color:red;
      }
      </style>
   </head>
   <body>
   	<h1><a href="index.html">WEB</a></h1>
   	<ol>
	    <li><a href="1.html">HTML</a></li>
	    <li><a href="2.html">CSS</a></li>
	    <li><a href="3.html">JavaScript</a></li>
    </ol>
   </body>
</html>



a 태그 안의 글자의 색깔을 red로!

WEB

HTML

CSS

JavaScript

なぜ適用されないのか...

プロパティースタイル

スタイル属性の値をCSS構文に従って解釈し、スタイル属性が存在するタグに適用します.

override any style set globally, e.g. styles specified in the <style> tag or in an external style sheet.
スタイルラベルまたは外部(?)見ます🌟優先順位🌟

けいじょう

style="property1:value1; property2:value2" : HTML
"~":CSSの効果

最後のセミコロン(;)銀があってもいいです.

property

color:テキスト色

font-シリーズ:テキストフォント

font-size:テキストサイズ

text-align:テキストソート

例)

<head>
  <style>
   a {
     color:black;
     text-decoration: none;
   }
   h1 {
     font-size: 45px;
     text-align: center;
   }
  </style>
</head>
<body>
  <h1><a href="index.html">WEB</a></h1>
  <ol>
    <li><a href="1.html">HTML</a></li>
    <li><a href="2.html" style="color:red; text-decoration:underline">CSS</a></li>
    <li><a href="3.html">JavaScript</a></li>
  </ol>
</body>

1-1. style태그 : a태그에 걸린 모든 글자들은 색은 black, 어떤 꾸밈도 없다. 
1-2. style태그 : h1태그에 걸린 모든 글자들의 크기는 45픽셀로, 정렬은 가운데
2. style속성 : 해당 글자색은 red, 꾸밈은 underline밑줄
3. style속성 > style태그 이기 때문에 속성이 우선시 되어 해당 글자는 2번을 따르게 된다.(? 맞나)