码迷,mamicode.com
首页 > Web开发 > 详细

css快速入门-引入方式

时间:2018-05-13 00:34:24      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:lin   href   限制   class   back   ext   网页   选择   code   

一、概述

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文件,因此如果文件非常大的话,网页会有闪烁的情况出现。外链式一开始网页就会加载,所以不会有闪烁出现。

 

css快速入门-引入方式

标签:lin   href   限制   class   back   ext   网页   选择   code   

原文地址:https://www.cnblogs.com/skyflask/p/8678866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!