隨著web前端技術不斷發展，網站越來越注重用戶體驗和可用性。在設計網站時，我們通常會借助各種js和css框架，以便更快速地開發出符合用戶需求的網站。本文將介紹如何引入js和css文件，以及一些注意事項。

引入js和css文件有兩種方法：直接在html文件中寫入代碼，或通過外部鏈接引入。

<!-- 直接寫入代碼 -->
<script>
function showText() {
alert("Hello World!");
}
</script>
<style>
.text {
color: blue;
font-size: 16px;
}
</style>
<!-- 外部鏈接引入 -->
<script src="example.js"></script>
<link rel="stylesheet" href="example.css">

當我們直接在html中寫入js和css代碼時，代碼會隨著html文件的大小而增加，不利于維護。建議使用外部鏈接方式引入。通過<script>標簽引入js文件，通過<link>標簽引入css文件。

另外，為了優化網站的性能，建議將js文件放在</body>標簽前，把css文件放在</head>標簽中。這樣，網站在加載時訪問js和css文件的速度會更快。

總之，在引入js和css文件時，不僅要注意代碼書寫規范，還要考慮網站性能，提高用戶體驗。希望本文能幫助大家更好地開發網站。