3 ways to use CSS-CSS Tutorial-php.cn

Home

Web Front-end

CSS Tutorial

3 ways to use CSS

藏色散人

May 24, 2020 pm 01:45 PM

css

3 ways to use CSS

(1) Link type: (externally imported .css file)

(used more often) is referenced before the html is loaded

Introduce external style sheets using in the

tag pair of the web page, and use html rules to introduce external css:

　　　<link href="./css/style.css" rel="stylesheet" type="text/css"/>

Import type: (external import. css file)　

(not used) @import is referenced only after the html is loaded, and styles cannot be inserted into the JS DOM model

Introducing external CSS files, the

　　　　　<style type="text/css">
　　　　　　　　@import "./css/style.css"
　　　　　　　　　　/*@import url(./css/style.css)*/
　　　　　　</style>

(2) Embedded

is written directly under the tag, often in

head>,

Advantages: fast, all CSS controls are for this page tag, and styles are read directly in the HTML document;

Disadvantages: A single page looks bloated and cannot be Being referenced by other HTML results in a relatively large amount of code and maintenance trouble

<style type="text/css">
　　　　　　div{border:1px #ff0 solid}
　　　　</style>

(3) Inline

(not recommended) It can be used in locations that are not frequently changed

<div style="border:1px #ff0 solid;">内容</div>

The above is the detailed content of 3 ways to use CSS. For more information, please follow other related articles on the PHP Chinese website!

Statement

This article is reproduced at:cnblogs. If there is any infringement, please contact admin@php.cn delete

Using GitHub Template Repos to Jump-Start Static Site ProjectsApr 16, 2025 am 11:14 AM

If you’re getting started with static site generators, did you know you can use GitHub template repositories to quickly start new projects and reduce your

Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a FallbackApr 16, 2025 am 11:06 AM

You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time.

CSS-Tricks Chronicle XXXVIApr 16, 2025 am 10:58 AM

This is one of these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.

Weekly Platform News: Emoji String Length, Issues with Rounded Buttons, Bundled ExchangesApr 16, 2025 am 10:46 AM

In this week's roundup, the string length of two emojis is not always equal, something to consider before making that rounded button, and we may have a new

Meeting GraphQL at a Cocktail MixerApr 16, 2025 am 10:43 AM

GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use

Introducing Sass ModulesApr 16, 2025 am 10:42 AM

Sass just launched a major new feature you might recognize from other languages: a module system. This is a big step forward for @import. one of the most-used

How I Learned to Stop Worrying and Love Git HooksApr 16, 2025 am 10:41 AM

The merits of Git as a version control system are difficult to contest, but while Git will do a superb job in keeping track of the commits you and your

A Proof of Concept for Making Sass FasterApr 16, 2025 am 10:38 AM

At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which reloads

See all articles

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)

4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Best Graphic Settings

4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle Solution

2 weeks agoByDDD

R.E.P.O. How to Fix Audio if You Can't Hear Anyone

4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Chat Commands and How to Use Them

4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

SublimeText3 English version

Recommended: Win version, supports code prompts!

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),