Shulou(Shulou.com)06/01 Report--

This article mainly introduces "how to link css files in html". In daily operation, I believe many people have doubts about how to link css files in html. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts about "how to link css files in html". Next, please follow the editor to study!

1. Inline formula

This is a code written directly in the html file, usually we use the style attribute in a specific Html tag to set css style, but it is not recommended to use this approach, because in each html tag you need to set a separate style, if you use this method will increase the workload, and management and inspection will be more troublesome. However, it is more convenient to use this method in a simple design. The code is shown in the screenshot below:

Html link css method w3cschool -, anytime and anywhere to learn programming w3cqfdjm web front-end development, rookie tutorials, introductory programming tutorials

two。 Embedded type

In this approach, we will find that the code is less cluttered than the inline comparison, and the embedded use is to put the css code in a specific part of the page. And when you embed CSS, you need to put the content between the tags. Class selectors can be used to reference CSS code, but they are only active on that particular page; this increases loading speed. It is useful to use embedded styles in some cases, when we send page templates to others, it is much easier to see the preview because the content is all on the same page; the embedded coding example code is as follows:

How to use css to make the navigation bar ul {list-style-type: none; margin: 0; overflow: hidden; background-color: antiquewhite;} li {float: left } li a {display: block; color: peru; padding: 8px 16px; text-decoration: none } li a.active {background-color: palegreen} li a:hover:not (.active) {background-color: gray; color: white;}

Css makes navigation bar

Live broadcast on the home page for more

3. External connection type

This is one of the most common ways we use, external style is to use the link tag to link the css outside the html file, thus linking the styles in the .css file. Although there are more steps in this way, in practical application, we can find out where the problem lies and modify it more conveniently, so as to complete the task more quickly. The external link code is as follows:

How to use css to write a triangle here, the study on "how to link css files in html" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.