导入css样式的几种方式,举例说明如何导入css外部样式
在页面中引入css的方式有几种
一般来说只有3种:
创新互联-专业网站定制、快速模板网站建设、高性价比长洲网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式长洲网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖长洲地区。费用合理售后完善,十载实体公司更值得信赖。
1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:
link href="css/style.css" rel="stylesheet" type="text/css"
2.在Html头部用style/style包起来,在这里面编写样式:
style type="text/css"
*{
padding: 0;margin: 0
}
/style
3.在标签里面直接编写行内样式。
div style="color: #333"div
当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
css 样式的导入的三种方式
1.行内样式 行内样式只能影响它所在的标签,而且总会覆盖嵌入样式和链接样式。
p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;"By adding inline CSS styling to the/p
2.嵌入样式 嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式,但会被行内样式覆盖。
head
style type="text/css"
h1 {font-size:16px;}
p {color:blue;}
/style
/head
3.链接样式
link href="styles.css" rel="stylesheet" type="text/css" /
样式的写法
例子如下
1 ) p {color:red; font-size:12px; font-weight:bold}
2 ) h1 {color:blue; font-weight:bold;}
h2 {color:blue; font-weight:bold;}
h3 {color:blue; font-weight:bold;}
3)假设,你在写完前面那条规则后,又想只把h3变成斜体,那可以再为h3写一条规则:
h1, h2, h3 {color:blue; font-weight:bold;}
h3 {font-style:italic;}
引入CSS的方式有哪些
css主要有三种引用方法:
1,内部引用,在html文档中在style标签里面写的css样式
style
bdoy{font-size:14px;}
/style
2,外部引用,用link标签引用外部的css文件,将样式引用到html文档来。
link rel="stylesheet" type="text/css" href="style.css"
3,在标签中使用,使用style属性将当前的标签样式改变。
div style="color:red"/div
引入CSS的方式有几种
三种方式:
1、第一种行内样式,也就是给标签添加style属性,例子如下
div style="width:100px;height:100px;"/div
2、第二种,直接写在html页面中的style标签中,例子如下,
div class="box"/div
style
.box{
width:200px;
font-size:14px;
color:red;
}
/style
3、第三种,使用外链css样式表,单独保存为css文件,将css样式都写入css文件中,例子如下,
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
link rel="stylesheet" href="index.css"//这个地方写css文件的位置
/head
分享标题:导入css样式的几种方式,举例说明如何导入css外部样式
文章源于:http://myzitong.com/article/hospoi.html