CSS学习一之CSS引入方式

最新推荐文章于 2023-02-26 00:38:26 发布

AngusC·

最新推荐文章于 2023-02-26 00:38:26 发布

阅读量384

点赞数 1

分类专栏： html 文章标签： css

本文链接：https://blog.csdn.net/qq_18895659/article/details/71374836

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

如果把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" >

AngusC·

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录