CSS樣式方式

發布時間：2020-06-29 13:28:24 來源：網絡閱讀：297 作者：414zyw 欄目：開發技術

今天學習了CSS的樣式控制有四種方式：1.行內樣式；2、內嵌樣式、3、鏈接樣式；4、導入樣式

1、行內樣式

<div id="a" style="width:100px;height:100px;background:#555555;"/>

2、內嵌樣式

<head>

<style type="text/css">

#a{

background:#ff5555;

}

</style>

</head>

3、鏈接樣式

<head>

<link rel=”stylesheet” type=”text/css” src=”style.css”></link>

</head>

4、導入樣式

<head>

<style type=”text/css”>

@import url(“style.css”);

</style>

</head>

樣式優先級：

一般情況下：行內樣式 > 內嵌樣式 > 鏈接樣式 > 導入樣式

鏈接樣式代碼在內嵌樣式代碼之前時，樣式使用內嵌樣式

鏈接樣式代碼在內嵌樣式之后時，樣式使用鏈接樣式

導入樣式代碼在鏈接樣式之前時，樣式使用鏈接樣式

導入樣式代碼在鏈接樣式之后時，樣式使用導入樣式

導入樣式不管在內嵌樣式前還是后，都使用內嵌樣式

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站