css外部文件怎么写
1. 引用外部css文件有几种写法
目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:
第一种:link引用
<link rel="stylesheet" href="/css/mycss.css" />;第二种:@import引用
<style type="text/css">
@import url(/css/mycss.css)
</stylelink和import语法结构不同,前者<link>;是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。
import在html使用时候需要<style type="text/css">;标签,同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。
2. CSS外部样式表怎么写
新建一个 文本吧后缀改为.css
然后直接在xxx.css里写CSS样式
*{
font-family:"黑体";
font-size:12px;
color:#000000;
border:none;
}
比如我xxx.css在D:/myStyle/下
那么我页面就这么引用
如果你.css放在站点下
你就找到他的位置替换 link 下的href 的path就OK了
css外部样式怎么写
1. HTML中CSS外部样式表
1、首先我们我们新建一个记事本,并将记事本的名字改为“引入外部css文件和外部js文件.html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。
2、我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件,这样就可以快速的正确解读,以提高浏览的体验。3、我们写一个
4、我们用<meta>标签设置字符的编码格式为:UTF-8,以使浏览器能够正确的显示我们的网页。5、我们写一个<body>标签,用来包含网页的主体部分。
6、我们写几个标签以便在外部css文件样式表中,为其设置样式。7、我们新建一个css文件,把txt的文件后缀名改为css即可,之后打开就可以写入css代码了。
8、我们用标签选择器为标签、标签和标签的内容设置样式。9、我们使用,<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。
10、我们鼠标右击在弹出的下拉菜单中,我们选择“在浏览器中打开”这一项。11、我们看到我们编写的样式被应用到了标签中文字上,说明我们的css外部样式表文件引入成功。
2. css外部样式如何调用
<link href="css/base.css" type="text/css" rel="stylesheet"/>;这个是外部引用样式的方法
楼主的代码
body{ background-image:url(00242851.jpg);
background-repeat:no-repeat;
background-position:160px 160px;
width:1800px;
}
这里的width指的是body的大小
要想改变背景图标的大小,css3有个属性是background-size
不过不建议用,兼容性不好,要想改变图片大小还是把图片再处理下吧,这样可以不用占用过多的cpu
有不明白的,请追问
3. 调用外部CSS怎么写
调用css外部样式文件,首先需要创建一个css文件。
比如创建一个含有以下代码的css文件:
body{width:100%;margin:0;padding:0;}
.content{width:300px;height:200px;float:left;}
保存成.css后缀的css文件。
现在开始在html文件中写入以下代码调用即可。
<link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径">
转载请注明出处育才学习网 » css的外部样式怎么写
育才学习网