鍦?HTML 涓紝鍙互浣跨敤 CSS锛堝眰鍙犳牱寮忚〃锛夋潵璁剧疆瀛椾綋鏍峰紡銆侰SS 鎻愪緵浜嗗绉嶅睘鎬э紝鐢ㄤ簬鎺у埗瀛椾綋鐨勫瑙傘€佸ぇ灏忋€侀鑹茬瓑銆?/span>

浠ヤ笅鏄竴浜涘父鐢ㄧ殑 CSS 瀛椾綋鏍峰紡灞炴€э細

1. font-family锛氭寚瀹氬瓧浣撶郴鍒楋紝姣斿 Arial, Verdana, sans-serif銆?/span>

   css

   p {

     font-family: Arial, sans-serif;

   }

2. font-size锛氭寚瀹氬瓧浣撳ぇ灏忥紝鍙互浣跨敤缁濆鍗曚綅锛堝鍍忕礌 px锛夋垨鐩稿鍗曚綅锛堝 em 鎴?rem锛夈€?/span>

   css

   h1 {

     font-size: 24px;

   }

3. font-weight锛氭寚瀹氬瓧浣撶矖缁嗭紝甯哥敤鍊兼湁 normal锛堥粯璁わ級銆乥old锛堝姞绮楋級绛夈€?/span>

   css

   strong {

     font-weight: bold;

   }

4. font-style锛氭寚瀹氬瓧浣撴牱寮忥紝甯哥敤鍊兼湁 normal锛堥粯璁わ級銆乮talic锛堟枩浣擄級绛夈€?/span>

   css

   em {

     font-style: italic;

   }

5. color锛氭寚瀹氬瓧浣撻鑹诧紝鍙互浣跨敤棰勫畾涔夐鑹插悕绉帮紙濡?red銆乥lue锛夋垨鍗佸叚杩涘埗棰滆壊鐮併€?/span>

   css

   span {

     color: #FF0000;

   }

杩欎簺灞炴€у彲浠ラ€氳繃灏嗘牱寮忓簲鐢ㄤ簬 HTML 鍏冪礌鐨?style 灞炴€ф垨閫氳繃澶栭儴 CSS 鏂囦欢鏉ヨ缃€備緥濡傦細

html

<p style="font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;">杩欐槸涓€娈垫牱寮忓寲鐨勬枃瀛椼€?lt;/p>

鎴栬€呬娇鐢ㄥ唴閮ㄦ垨澶栭儴 CSS锛?/span>

html

<style>

  p {

    font-family: Arial, sans-serif;

    font-size: 16px;

    font-weight: bold;

  }

</style>

<p>杩欐槸涓€娈垫牱寮忓寲鐨勬枃瀛椼€?lt;/p>

璇锋敞鎰忥紝CSS 鏍峰紡鍙互搴旂敤浜庝换浣?HTML 鍏冪礌锛屽苟涓斿彲浠ョ粍鍚堜娇鐢ㄥ涓睘鎬ф潵瀹炵幇鎵€闇€鐨勫瓧浣撴牱寮忋€?/span>