外链式引入css样式表,css引入外部样式表

http://www.itjxue.com  2023-01-04 15:43  来源:未知  点击次数: 

简答引入CSS样式其代码常用的放置位置方式有哪三种?

1、内联式:

div style="css样式写在这".../div

2、外联式:

style

选择器 {css样式写在这}

/style

3、外链式:

link rel="stylesheet" href="css文件url写在这" /

HTML中引入CSS样式有几种形式

有四种形式:

1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用link rel="stylesheet" type="text/css" href="*.css"链接这个样式表文件.

2.内部样式表,就是把样式表放到页面的head区里.

3.导入外部样式表,用@import,在head与/headstyle type="text/css"

!--

@import "*.css"

--

/style

4.内嵌样式,就是在标签内写入style="",比如:

td style="border-left:#cccccc"设置表格左边框的颜色为灰色.

引入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

(责任编辑:IT教学网)

更多

推荐Illustrator教程文章