CSS 4種導入方式:ライン内、インライン式、外部式、導入式
2454 ワード
CSS導入方式-行内式
styleというラベル属性でcssキー値ペアを直接ラベルに書き込む
以上のコードは、幅100 px、背景が赤色の容器についても説明していますが、埋め込み式によって導入されたにすぎません.
css導入方式外チェーン式
linkラベルを使用してhtmlページに独立したcssファイルを導入
rel=「stylesheet」は、現在のページとhrefで指定されたドキュメントとの関係を記述します.すなわち、hrefリンクされたドキュメントは新しいテーブルであり、type=「text/css」はMINMEタイプ、すなわちcssドキュメントを指定します.href=「./style.css」は、リンクされたドキュメントの場所を規定します.
css導入方式の導入式
@import urlで独立したCSSファイルを導入し、url(「style.css」)はリンクされたドキュメントの場所を規定します.
styleというラベル属性でcssキー値ペアを直接ラベルに書き込む
1
2
css引入方式-内嵌式(嵌入式)
使用style标签将css属性名和属性值引入到html页面中,通常style标签放置在head标签中。为什么css样式要放置在head标签中呢,因为代码从上到下执行,如果先加载结构,那么用户看到的就将是干巴巴的内容,而没有通过美化,而先加载样式后加载结构,就相当于孩子出生就是穿着衣服的!
1
2
7
以上のコードは、幅100 px、背景が赤色の容器についても説明していますが、埋め込み式によって導入されたにすぎません.
css導入方式外チェーン式
linkラベルを使用してhtmlページに独立したcssファイルを導入
1
rel=「stylesheet」は、現在のページとhrefで指定されたドキュメントとの関係を記述します.すなわち、hrefリンクされたドキュメントは新しいテーブルであり、type=「text/css」はMINMEタイプ、すなわちcssドキュメントを指定します.href=「./style.css」は、リンクされたドキュメントの場所を規定します.
css導入方式の導入式
1
@import urlで独立したCSSファイルを導入し、url(「style.css」)はリンクされたドキュメントの場所を規定します.