CSS学习一之CSS引入方式

        如果把HTML比作骨架,那CSS就是骨架上面的肌肉,让骨架看上去更加有美感,CSS就是 用于控制网页的样式和布局。

目前CSS3 是最新的 CSS 标准。

       学习CSS主要学习几点,1、属性值的使用方法,2、选择器

      CSS属性太多了,常用的就是那些,什么 background,width,height,等等,一般写多了就记住了

一、CSS的引入

html引用css方法如下
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法

       第一种页面内放置顾明思义主要是在HTML页面中写,比如下面这样,就是页面中写,一般这种写法是用在需要用css地方比较少的页面,只需要改动一点地方而已,这样写就方便好多,当然如果是html中用到css比较多久用外部导入比较好,这样就不会给html页面显得臃肿。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    div{
        background: blue;
        width: 30px;
        height: 20px;
    }
</style>
<body>
<div>
</div>
</body>
</html>
      页面内写还可以直接在html标签中写,如果需要自定义的属性不多就直接在标签中写

<div style="width: 30px;height: 20px">

         第二种就是外部引用,这种用@import关键字引用外部文件,比如下面,这种方法使用的比较少,不过在css中用得较多,因为在css中有时候需要引用外部的图片icon,在html这样用就比较少了

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8">
</head>
<style>
    @import url(css/demo.css);
</style>
<body>
<div>
</div>
</body>
</html>
第三种就是通过link引入

<link href="css/demo.css" rel="stylesheet" >

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值