引用CSS的写法有几种?

html-css08

引用CSS的写法有几种?,第1张

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:

第一种:link引用

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

第二种:@import引用

<style type="text/css">

@import url(/css/mycss.css)

</style

link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

css已设置width100% 宽度没有占满浏览器是设置错误造成的,解决方法为:

1、首先需要新建一个html文件,命名为test.html。

2、接下来在test.html文件内,使用div创建一个模块,下面将对该div进行样式设置。

3、然后在test.html文件内,给div添加一个class属性,主要用于在css标签中设置它的样式。

4、在css标签中,使用width属性设置div的宽度,设置width100%即可。

这个一般根据2个方面,个人浅见:

1、希望width根据浏览器窗口大小进行调整,如一般后台左固定,右用百分比

2、盒子套盒子(DIV)里面的div的width直接用百分比,这样如果外面的width变动,也不用修改里面div的width大小,省得麻烦。

其他的我就想不到了。望采纳。