您的位置：首页 > Web前端 > CSS

CSS学习一之CSS引入方式

2017-05-07 22:34 323 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航