what is css file

css file refers to a text file containing css code with the extension ".css". CSS file is a file used in conjunction with HTML language to create web pages. Its main function is to control the layout of HTML articles. Simply put, it controls the display appearance of web pages.

The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.

CSS file, as the name suggests, is a text file used to install CSS code, and CSS code consists of text codes with certain regular rules.

css files have .css as the suffix. We see that files with .css as the suffix are css files.

CSS file is a file used in conjunction with HTML language to create web pages. Its main function is to control the layout of HTML articles. Simply put, it controls the display appearance of web pages.

In addition to controlling the page layout, the css file can also well separate the html code and css code, so that the content and layout can be written independently without interfering with each other, and the organization is clearer.

How does HTML call CSS files?

1. Link type (link)

The link type will load the CSS file before loading the main body of the web page file, so the displayed web page will have a style effect from the beginning. It will not display the unstyled web page first and then display the styled web page like the import type. This is the advantage of the link type.

Grammar:

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >

2. Import (@import)

Import will load the CSS file after the entire web page is loaded, so this causes a problem , if the web page is relatively large, the page without style will appear for a while, and then the style of the web page will appear after flashing for a while. This is an inherent flaw of imports.

Grammar:

<style type="text/css" media="screen">   
@import url("CSS文件路径");
</style>

(Learning video sharing: css video tutorial)

The above is the detailed content of what is css file. For more information, please follow other related articles on the PHP Chinese website!