Once your libraries, frameworks, and sitewide CSS are ready to go live, you need to pick the best strategy for deployment. It is always recommended that you place all your styles in one or more external style sheets, and then use either the @import code to apply them to a Web document. You have two competing priorities:
Keep the file size as small as possible. The larger the file size, the longer it takes to download. Of course, because it’s text, your files have to be pretty large for this to be a problem, but it happens. n Keep the number of links and imports as low as possible. The more links and imports you have to external CSS files, the more server calls you make, and the slower the page will load. You can reduce file size by splitting style sheets into multiple external files and then linking only to the ones you need, but this means more links. You can have a single, all-inclusive CSS file, but such a file can grow quite large. Your job will be to balance these two issues.
|w3-modal-content||Modal pop-up element|