我对HTML&CSS很陌生,并且正在建立我的第一个网站。我的头部标签如下所示:
<head>
<meta charset="utf-8">
<meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1">
<meta name = "apple-mobile-web-app-capable" content = "yes" />
<link type="text/css" rel="stylesheet" href="css/normalize.css">
<link type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/739d414f-2430-436c-b2cf-5b84cc45995c.css">
<link type="text/css" rel="stylesheet" href="css/mobile.css">
<link type="text/css" rel="stylesheet" href="css/projects2.css">
<link type="text/css" rel="stylesheet" media="screen and (min-width:680px)" href="css/tablet.css">
<link type="text/css" rel="stylesheet" media="screen and (min-width:1400px)" href="css/desktop.css">
<title>Yulie Wollman | Projects </title>
</head>
关于CSS,我有两个问题:首先,多个外部CSS文件会影响我的加载时间吗?将它们合并到一个大CSS文件中会更好吗?
其次,媒体屏幕的CSS链接标签是否会以小于680px / 1400px的分辨率影响我的加载时间?
谢谢Boaz Keren Gil
使用HTTP 1.0 / 1.1时,每个HTTP请求都会产生开销,因此请求越少越好。
您应该努力将CSS隔离开,以便于在服务器上进行编码,但要合并它们,然后将单个CSS编译的“文件”提供给客户端。
<?php
header('Content-Type: text/css; charset=UTF-8');
include('css/normalize.css');
include('css/mobile.css');
include('css/projects2.css');
?>
如果您正在运行Apache,则需要确保可以在您使用的文件类型(例如.css)中执行PHP。
AddType application/x-httpd-php5 .css
...只要确保执行此操作时,即可从文件本身提供正确的mime 。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句