CSSはどこに定義すべきか
1886 ワード
WebページでCSSを使用するには、次の3つの方法があります.
2つのスタイルの優先度
要素で直接CSSを定義する優先度が最も高く、次にヘッダでCSSスタイルを呼び出し、最後に外部ファイルからCSSスタイルを呼び出す
要素で直接CSSを定義する->ヘッダーでCSSスタイルを呼び出す->外部ファイルからCSSスタイルを呼び出す
1 CSS
：< style = " : "></ >
：<image src = "images/org.jpg" style = "border:5px solid #333333;width:400px;height:500px" />
： 5px ， ， 。
2 CSS
：
<style>
{ ： ;}
</style>
：
1) CSS CSS head
2) CSS ， ，
a. :< class = " "></ >
b. ID : < id = "id "></ >
：
<head>
<style>
.font{
font-size:72px;color:#333333;
position:absolute;top:50px;left:50px;
border:2px solid #000;}
</style>
</head>
<body>
<div class = "font"> CSS></div>
</body>
3) CSS
A. ：
a. link CSS
：<link rel = “stylesheet”href = "css " type = "text/css" />
rel = "stylesheet" ，type = "text/css"
b. @import CSS
：<style type = "text/css">@import url(css )；</style>
：@impor CSS ， CSS
B. ：
@import style ， link @import
C. ：
<link href = "style/mai.css" rel = "stylesheet" type = "text/css"/>
main.css ：
.@import url(css1.css);
.main{
border:1px solid #666666;margin:100px auto;
font-size:20px;}
2つのスタイルの優先度
要素で直接CSSを定義する優先度が最も高く、次にヘッダでCSSスタイルを呼び出し、最後に外部ファイルからCSSスタイルを呼び出す
要素で直接CSSを定義する->ヘッダーでCSSスタイルを呼び出す->外部ファイルからCSSスタイルを呼び出す