最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

3、外部樣式表

外部樣式表是將CSS代碼放在一個(gè)單獨(dú)的文件中，然后在HTML文檔中使用標(biāo)簽將其鏈接到頁面，這種方法適用于較大的項(xiàng)目，因?yàn)樗鼘邮脚c內(nèi)容分離，使得代碼更易于維護(hù)和重用，我們可以創(chuàng)建一個(gè)名為styles.css的文件，然后將其鏈接到HTML文檔：

在styles.css文件中編寫以下代碼：

p {
  width: 50%;
}

在HTML文檔中使用標(biāo)簽將其鏈接到頁面：

這是一個(gè)寬度為50%的段落。

4、使用媒體查詢設(shè)置響應(yīng)式寬度

媒體查詢允許我們根據(jù)設(shè)備的特性（如屏幕寬度）來應(yīng)用不同的CSS樣式，這使得我們可以輕松地創(chuàng)建響應(yīng)式布局，以適應(yīng)不同大小的屏幕，我們可以為小于600px寬的設(shè)備設(shè)置一個(gè)較小的段落寬度：

p {
  width: 80%; /* 默認(rèn)寬度 */
}
@media (maxwidth: 600px) {
  p {
    width: 60%; /* 當(dāng)屏幕寬度小于600px時(shí)，寬度變?yōu)?0% */
  }
}

將上述CSS代碼添加到styles.css文件中，然后在HTML文檔中使用標(biāo)簽將其鏈接到頁面，現(xiàn)在，當(dāng)屏幕寬度小于600px時(shí)，段落的寬度將為60%。