zoukankan      html  css  js  c++  java
  • CSS快速入门-引入方式

    一、概述

    HTML是骨架、框架
    CSS是外表、衣服
    JS是动作、肌肉

    css的主要作用是对元素进行渲染。
    1、找到要操作的标签(选择器)
    2、对定位的标签进行操作(属性)

    二、CSS引入方式

    1、行内式

    <p style="background-color:red">行内式</p>

    2、内联式

    在head标签内使用

    <html>
    <head>
    <style>
    div {
    background-color:red;
    }
    div p {
    background-color:green;
    }
    </style>
    </head>
    <body>
    <div>sdfasdfasdfsdf
    <p>asdfasfasdf</p>
    </div>
    </body>
    </html>

    3、外链式

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

    4、导入式

    <head>
    <style type="text/css">
    @import "test.css"
    </style>
    </head>


    注意:
    1、推荐使用外链式,简洁明了。
    2、外链式中的rel="stylesheet"不能省略,type="text/css"可以省略。
    3、@import引入文件时,有数量限制,而link没有。
    4、导入式会在整个网页加载完成后再加载CSS文件,因此如果文件非常大的话,网页会有闪烁的情况出现。外链式一开始网页就会加载,所以不会有闪烁出现。

     

  • 相关阅读:
    单链表的学习
    数据库连接
    Oracle学习指南
    Java登录第一版
    LeetCode(141): Linked List Cycle
    LeetCode(24): Swap Nodes in Pairs
    LeetCode(2):Add Two Numbers
    LeetCode(83):Remove Duplicates from Sorted List
    LeetCode(21):Merge Two Sorted Lists
    LeetCode(234):Palindrome Linked List
  • 原文地址:https://www.cnblogs.com/skyflask/p/8678866.html
Copyright © 2011-2022 走看看